/* ============================================================
   Collab Center — design tokens (v1.4 "Enterprise Slate").
   Restrained neutral chrome, brand accent #F19209 reserved for
   primary actions, selection and focus. Light mode only.
   Contrast rules: filled accent controls use --on-accent (dark);
   accent-colored TEXT on white uses --accent-ink (AA-safe).
   Never hardcode colors in components — use these tokens.
   ============================================================ */

:root {
  /* ---- neutral scale (cool slate) ---- */
  --gray-25:  #FCFCFD;
  --gray-50:  #F8F9FB;
  --gray-100: #EEF1F5;
  --gray-200: #E3E7EE;
  --gray-300: #CDD4DF;
  --gray-400: #98A2B3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #1D2939;
  --gray-900: #101828;

  /* ---- surfaces ---- */
  --bg: var(--gray-50);
  --card: #FFFFFF;
  --well: var(--gray-100);
  --line: var(--gray-200);
  --line-strong: var(--gray-300);

  /* ---- text ---- */
  --ink: var(--gray-900);
  --ink-dim: var(--gray-600);
  --ink-faint: var(--gray-400);

  /* ---- brand accent ---- */
  --accent: #F19209;
  --accent-deep: #D57E00;
  --accent-ink: #9A5B00;          /* accent-colored text on white (AA) */
  --accent-wash: #FDF3E1;
  --accent-wash-strong: #FBE5C2;
  --on-accent: #2E2005;           /* text/icons on accent fills */

  /* ---- semantic signals ---- */
  --warn: #9A5B00;
  --warn-wash: #FDF3E1;
  --danger: #C0344B;
  --danger-deep: #A32B3F;
  --danger-wash: #FBEAED;
  --ok: #1F7A44;
  --ok-wash: #E7F4EC;
  --info: #175CD3;
  --info-wash: #EAF1FC;

  /* ---- priority spines ---- */
  --spine-low: var(--gray-300);
  --spine-normal: var(--gray-500);
  --spine-high: var(--accent);
  --spine-urgent: var(--danger);

  /* ---- legacy aliases (older views/scripts) ---- */
  --verdigris: var(--accent);
  --verdigris-deep: var(--accent-deep);
  --verdigris-wash: var(--accent-wash);
  --amber: var(--warn);
  --amber-wash: var(--warn-wash);
  --claret: var(--danger);
  --claret-wash: var(--danger-wash);
  --moss: var(--ok);
  --moss-wash: var(--ok-wash);
  --paper: var(--bg);
  --mist: var(--line);
  --mist-strong: var(--line-strong);

  /* ---- typography ---- */
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, Consolas, monospace;

  --text-xs: 11.5px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 19px;
  --text-xl: 24px;
  --text-2xl: 30px;

  /* ---- spacing (4px rhythm) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 48px; --sp-12: 64px;

  /* ---- controls ---- */
  --control-h: 36px;
  --control-h-sm: 30px;
  --control-h-lg: 42px;
  --control-radius: 8px;

  /* ---- shape & depth ---- */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .07);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .10), 0 2px 4px -2px rgba(16, 24, 40, .06);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .10), 0 4px 6px -2px rgba(16, 24, 40, .05);
  --shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .10), 0 8px 8px -4px rgba(16, 24, 40, .04);
  /* legacy shadow aliases */
  --shadow-card: var(--shadow-xs);
  --shadow-lift: var(--shadow-md);
  --shadow-modal: var(--shadow-xl);

  /* ---- focus ring ---- */
  --ring: 0 0 0 3px rgba(241, 146, 9, .28);
  --ring-danger: 0 0 0 3px rgba(192, 52, 75, .25);

  /* ---- chrome ---- */
  --sidebar-w: 248px;
  --topbar-h: 56px;

  /* ---- z scale ---- */
  --z-sticky: 20;
  --z-dropdown: 40;
  --z-modal: 100;
  --z-toast: 1000;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur: 150ms;
}