:root {
  /* Brand */
  --brand-blue:    #1c75bc;
  --brand-blue-d:  #155a91;
  --brand-blue-l:  rgba(28,117,188,.08);
  --brand-green:   #3a9446;
  --brand-green-d: #2d7536;
  --brand-green-l: rgba(58,148,70,.10);
  --brand-charcoal:#4a4f54;

  /* Ink */
  --ink:           #2f3438;
  --ink-soft:      #5a6273;
  --mute:          #8a92a6;

  /* Surface */
  --bg:            #f7f6f3;
  --bg-radial-1:   rgba(28,117,188,.05);
  --bg-radial-2:   rgba(58,148,70,.05);
  --surface:       #ffffff;
  --surface-alt:   #fafaf8;
  --line:          rgba(47,52,56,.08);
  --line-strong:   rgba(47,52,56,.14);

  /* Status */
  --status-likely:     #3a9446;
  --status-possibly:   #c9942b;
  --status-borderline: #5a6273;
  --status-unlikely:   #b04545;
  --status-unavail:    #8a92a6;
  --status-likely-l:     rgba(58,148,70,.10);
  --status-possibly-l:   rgba(201,148,43,.10);
  --status-borderline-l: rgba(90,98,115,.10);
  --status-unlikely-l:   rgba(176,69,69,.10);
  --status-unavail-l:    rgba(138,146,166,.10);

  /* Shape */
  --r-sm: 6px; --r: 10px; --r-lg: 14px; --r-pill: 999px;

  /* Shadow */
  --sh-1: 0 1px 2px rgba(47,52,56,.04);
  --sh-2: 0 4px 12px rgba(47,52,56,.06);
  --sh-3: 0 12px 32px rgba(47,52,56,.08), 0 2px 6px rgba(47,52,56,.04);
  --sh-focus: 0 0 0 4px rgba(28,117,188,.18);
  --sh-focus-green: 0 0 0 4px rgba(58,148,70,.18);

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --t-display: 36px;
  --t-h2:      24px;
  --t-h3:      17px;
  --t-body:    15px;
  --t-sm:      13px;
  --t-xs:      11px;

  /* Spacing (8px grid) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;  --sp-8: 64px;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 120ms; --dur: 180ms; --dur-slow: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slow: 0ms; }
}