/* ============================================================================
   tokens.css — the ONE canonical design-token source for SearchScore product
   surfaces (Results, Fix List, Tracker dashboard + tracker sub-pages).

   Canonical palette = the Tracker flagship (searchscore-tracker.html). Product
   surfaces @link this and drop their local :root duplicates, so there is a single
   source of truth and colour drift is impossible (enforced by tests/token-lint.test.js).

   NOTE: the marketing homepage (main.css) intentionally keeps its own vibrant palette
   for now (SEO green / GEO cyan); folding it in is a separate decision.
   ============================================================================ */
:root {
  /* Surfaces */
  --paper:    #FCFDFF;
  --paper-2:  #F3F6FC;
  --paper-3:  #E8EEF9;

  /* Ink / text */
  --ink:      #060C19;
  --ink-2:    #0F1729;
  --muted:    #4A5366;
  --muted-2:  #586273;

  /* Lines / borders */
  --line:        rgba(6, 12, 25, 0.08);
  --line-2:      rgba(6, 12, 25, 0.04);
  --line-strong: rgba(6, 12, 25, 0.16);

  /* Discipline hues (score = colour). GEO = cyan (brand canon), not teal — keeps it
     distinct from SEO green and matches the funnel + tier table. */
  --geo:      #0891B2;
  --seo:      #10B981;
  --cro:      #7C3AED;

  /* Brand-blue accents (AI Visibility bars, "You" markers, CTAs, nudge links, AI-Ready tier) */
  --blue:           #2F80FF;
  --blue-tint:      #EAF1FF;
  --blue-dark:      #1F5FCC;
  --cyan:           #0891B2;
  --cyan-bright:    #22D3EE;   /* signal accent — reserved for the AVS hero + glows, not body UI */
  --info:           #2F80FF;
  --elev-glow-blue: 0 4px 16px rgba(47, 128, 255, 0.22);

  /* Sentiment / semantic (sentiment = fill) */
  --positive: #15803D;
  --negative: #B91C1C;
  --mixed:    #F59E0B;
  --neutral:  #6B7488;
  --green:    #10b981;  /* bright success green (checkmarks / success states) — distinct from sentiment --positive */

  /* Type */
  --serif:    'Instrument Serif', Georgia, serif;
  --sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 96px;

  /* Elevation */
  --elev-1: 0 1px 2px rgba(6,12,25,0.04), 0 4px 16px rgba(6,12,25,0.06);
  --elev-2: 0 4px 12px rgba(6,12,25,0.08), 0 12px 32px rgba(6,12,25,0.08);
  --elev-3: 0 8px 24px rgba(6,12,25,0.12), 0 24px 64px rgba(6,12,25,0.16);
  --blue-glow: rgba(47, 128, 255, 0.15);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --text:var(--ink);--text-muted:var(--muted);--text-dim:var(--muted-2);--electric:var(--cyan);--border:var(--line);--ss-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}