/* ------------------------------------------------------------------
   Numera — design tokens
   Single source of truth. Deep-ice blue palette: deeper canvas,
   bluish cards, darker control surfaces.
   ------------------------------------------------------------------ */

:root {
  /* ink */
  --ink:    #0A1A33;
  --ink-2:  #3B4E6B;
  --ink-3:  #69799A;

  /* blue ramp */
  --blue-800: #0E2566;
  --blue-700: #12318C;
  --blue-600: #1B49D8;   /* primary actions */
  --blue-500: #2E63F6;   /* links, hover, focus ring */
  --blue-400: #5A86FF;
  --blue-300: #93B0FB;

  /* deep-ice surfaces — canvas is bluish and noticeably deeper */
  --ice-50:  #E6EFFF;
  --ice-100: #D4E2FA;    /* page canvas base */
  --ice-200: #BFD4F4;
  --ice-300: #A6C1ED;
  --line:    #AFC6EA;
  --line-2:  #93B0E2;

  /* bluish card surfaces (no pure white panels) */
  --card-bg:  #EDF3FF;
  --card-bg2: #E1EBFF;
  --card-grad: linear-gradient(180deg, #F1F6FF, #E1EBFF);

  /* dark plate */
  --navy-900: #07112A;
  --navy-800: #0C1C3E;

  --white: #FFFFFF;
  --signal: #FFB224;     /* amber: 6px live dots only, never a surface */

  /* light-blue control surfaces — darker bluish track, white active */
  --tab-track: #BCD0F2;
  --tab-active: #FFFFFF;
  --tab-ink: #12318C;

  /* rank badges */
  --gold-1:   #E8B23A;  --gold-2:   #A8761A;
  --silver-1: #BFCBDD;  --silver-2: #7E8DA4;
  --bronze-1: #C98A55;  --bronze-2: #8E5428;

  /* type */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-ui:      "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", Consolas, monospace;

  /* radii */
  --r-xl:    24px;
  --r-panel: 20px;
  --r-card:  16px;
  --r-ctrl:  12px;
  --r-tile:  10px;
  --r-pill:  999px;

  /* glass — over gradient / navy only */
  --glass-bg:     rgba(255, 255, 255, 0.58);
  --glass-border: rgba(255, 255, 255, 0.72);
  --glass-shadow: 0 30px 64px -28px rgba(12, 40, 120, 0.45);
  --glass-blur:   blur(22px) saturate(1.5);

  /* neumorphic emboss on ice */
  --neu-raised:  10px 10px 24px rgba(10, 35, 90, 0.14), -10px -10px 24px rgba(255, 255, 255, 0.9);
  --neu-soft:    6px 6px 16px rgba(10, 35, 90, 0.12), -6px -6px 16px rgba(255, 255, 255, 0.85);
  --neu-inset:   inset 4px 4px 10px rgba(10, 35, 90, 0.14), inset -4px -4px 10px rgba(255, 255, 255, 0.88);

  /* elevation for cards floating on ice */
  --lift:   0 20px 44px -24px rgba(12, 40, 120, 0.4);
  --lift-1: 0 2px 0 rgba(255,255,255,0.55), 0 14px 30px -18px rgba(12, 40, 120, 0.34);

  --container: 1200px;
  --gutter: 24px;
  --t-fast: 140ms ease-out;
  --t-med:  240ms cubic-bezier(.2, .6, .2, 1);
}