/* =========================================================================
   Palette — ADMIN surface. NOC operator console.

   Linked by admin/index.html BEFORE core.css. Defines every token core.css
   references; tokens-account.css defines the same names with light values.
   Don't add a token to one file without adding it to the other.
   ========================================================================= */

:root {
  /* Surfaces — slate/zinc, deeply graded so panels feel layered */
  --bg-0:       #0a0e14;
  --bg-1:       #11161e;
  --bg-2:       #161c25;
  --bg-3:       #1c232d;
  --bg-hover:   #1f2630;

  /* Lines */
  --line:       #232b35;
  --line-soft:  #1a212a;
  --line-bold:  #2e3744;
  --line-hover: #3a4453;   /* button border on hover — one step past --line-bold */

  /* Text */
  --fg:         #e6ebf2;
  --fg-mute:    #8c97a8;
  --fg-dim:     #5b6677;
  --fg-faint:   #3d4654;

  /* Accent — amber-bronze. The whole personality of this surface. */
  --amber:        #e8a447;
  --amber-bright: #ffba5c;
  --amber-soft:   rgba(232, 164, 71, 0.14);
  --amber-line:   rgba(232, 164, 71, 0.32);
  --amber-glow:   rgba(232, 164, 71, 0.18);

  /* Status — tuned for dark backgrounds, not generic Tailwind */
  --ok:           #4ec07a;
  --ok-soft:      rgba(78, 192, 122, 0.14);
  --ok-line:      rgba(78, 192, 122, 0.32);
  --warn:         #e8a447;
  --warn-soft:    rgba(232, 164, 71, 0.14);
  --warn-line:    rgba(232, 164, 71, 0.40);
  --err:          #ef6f6c;
  --err-soft:     rgba(239, 111, 108, 0.14);
  --err-line:     rgba(239, 111, 108, 0.32);
  --err-bright:   #ff857f;
  --info:         #6fb8d4;
  --info-soft:    rgba(111, 184, 212, 0.14);
  --info-line:    rgba(111, 184, 212, 0.32);

  /* Ink on a filled accent button */
  --ink-on-amber: #1a120a;
  --ink-on-err:   #15090a;

  /* Depth */
  --scrim:        rgba(5, 8, 12, 0.72);
  --shadow-md:    0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg:    0 32px 64px rgba(0, 0, 0, 0.55);
  --shadow-panel: -18px 0 48px rgba(0, 0, 0, 0.45);

  /* Background textures */
  --bg-texture:
    radial-gradient(1200px 600px at 75% -10%, rgba(232, 164, 71, 0.05), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(111, 184, 212, 0.04), transparent 60%);
  /* Amber glow + 1px scanline every 32px */
  --login-texture:
    radial-gradient(800px 400px at 50% 30%, rgba(232, 164, 71, 0.08), transparent 70%),
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 31px,
      rgba(255, 255, 255, 0.012) 31px,
      rgba(255, 255, 255, 0.012) 32px
    );

  /* Geometry — sharp. Dense data, seen daily. */
  --r-xs: 3px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;

  --sidebar-w: 232px;
  --toolbar-h: 52px;

  /* Type */
  --f-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --f-size-base: 14px;
  --lh-base: 1.5;

  /* Motion */
  --t-fast: 110ms cubic-bezier(.2,.7,.3,1);
  --t-med:  220ms cubic-bezier(.2,.7,.3,1);
}