/* ============================================================
   COLOR TOKENS — Work Excellence
   A cool, near-black ink neutral scale (structure, credibility)
   with one confident signal-blue accent (clarity, precision) and
   a restrained amber used only for measurement/data highlights.
   No gradients as brand backgrounds — flat, deliberate color.
   ============================================================ */

:root {
  /* ---- Neutral / Ink scale (cool slate-navy) ---- */
  --ink-0: #ffffff;
  --ink-25: #f8f9fb;
  --ink-50: #f1f3f6;
  --ink-100: #e6e9ee;
  --ink-150: #d9dee5;
  --ink-200: #c7ced8;
  --ink-300: #a7b1c0;
  --ink-400: #8089a0;
  --ink-500: #626d85;
  --ink-600: #4b5468;
  --ink-700: #383f50;
  --ink-800: #262b38;
  --ink-850: #1c202b;
  --ink-900: #12151c;
  --ink-950: #0a0c11;

  /* ---- Signal Blue (primary accent) ---- */
  --blue-50: #eef2ff;
  --blue-100: #dfe6ff;
  --blue-200: #bccafe;
  --blue-300: #93a9fd;
  --blue-400: #6785fb;
  --blue-500: #3f5cf5;
  --blue-600: #2a41dd;
  --blue-700: #2233b0;
  --blue-800: #1c2a89;
  --blue-900: #17225f;
  --blue-950: #0f1640;

  /* ---- Signal Amber (measurement / highlight, sparing use) ---- */
  --amber-50: #fdf6e9;
  --amber-100: #faebc8;
  --amber-300: #f2c96a;
  --amber-500: #e0a324;
  --amber-600: #b9821a;
  --amber-800: #6f4c0f;

  /* ---- Semantic status ---- */
  --green-500: #1c8a5e;
  --green-100: #dcf3e8;
  --red-500: #c23b3b;
  --red-100: #fbe3e3;
  --amber-status-500: var(--amber-500);
  --amber-status-100: var(--amber-100);

  /* ============================================================
     SEMANTIC ALIASES — reference these in components, not raw scale
     ============================================================ */

  /* Surfaces */
  --surface-canvas: var(--ink-25);
  --surface-page: var(--ink-0);
  --surface-card: var(--ink-0);
  --surface-card-raised: var(--ink-0);
  --surface-sunken: var(--ink-50);
  --surface-inverse: var(--ink-950);
  --surface-inverse-raised: var(--ink-900);
  --surface-overlay: rgba(10, 12, 17, 0.56);
  --surface-accent-tint: var(--blue-50);
  --surface-accent-tint-strong: var(--blue-100);

  /* Text */
  --text-primary: var(--ink-950);
  --text-secondary: var(--ink-600);
  --text-tertiary: var(--ink-400);
  --text-disabled: var(--ink-300);
  --text-inverse: var(--ink-0);
  --text-inverse-secondary: var(--ink-300);
  --text-accent: var(--blue-600);
  --text-link: var(--blue-600);
  --text-link-hover: var(--blue-700);

  /* Borders */
  --border-subtle: var(--ink-100);
  --border-default: var(--ink-150);
  --border-strong: var(--ink-300);
  --border-inverse: rgba(255, 255, 255, 0.14);
  --border-accent: var(--blue-500);
  --border-focus: var(--blue-500);

  /* Brand / interactive */
  --brand-primary: var(--blue-600);
  --brand-primary-hover: var(--blue-700);
  --brand-primary-active: var(--blue-800);
  --brand-on-primary: var(--ink-0);
  --brand-secondary: var(--ink-950);
  --brand-secondary-hover: var(--ink-800);
  --brand-accent: var(--amber-500);

  /* Status */
  --status-success-fg: var(--green-500);
  --status-success-bg: var(--green-100);
  --status-warning-fg: var(--amber-600);
  --status-warning-bg: var(--amber-100);
  --status-danger-fg: var(--red-500);
  --status-danger-bg: var(--red-100);
  --status-info-fg: var(--blue-600);
  --status-info-bg: var(--blue-50);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(63, 92, 245, 0.28);
}