/* AdsMaster design tokens - the ONE token file (redesign 2026-09-30, DS0).
   This is the only place a :root block may live (test_design_system.py fails
   on any other). Linked from base.html before every other stylesheet.
   Screens use the --am-* names only; never invent a colour/spacing literal
   this palette already covers. */
:root {
  /* colour */
  --am-primary: #E2932A;       /* amber - button fills (ALWAYS with ink text) */
  --am-primary-hover: #D4841B;
  --am-primary-ink: #A65F08;   /* amber for text, links, icons on white (AA) */
  --am-primary-tint: #FFF4E0;  /* active / highlighted surfaces */
  --am-ink: #141B26;
  --am-muted: #5B6778;
  --am-bg: #F7F8FA;
  --am-card: #FFFFFF;
  --am-border: #E4E8EF;
  --am-border-strong: #C9D0DA;
  --am-ok: #0B6B5B;            /* connected / positive (never Google's green) */
  --am-ok-bg: #E3F4F0;
  --am-warn: #C43A3A;          /* leaks / broken / needs attention */
  --am-warn-bg: #FDECEC;
  --am-pending: #8A5A10;
  --am-pending-bg: #FDF1DE;
  --am-meta: #1877F2;          /* Meta data ONLY */
  --am-google: #34A853;        /* Google data ONLY */

  /* spacing 4/8/12/16/20/24/32/48 */
  --am-s1: 4px;
  --am-s2: 8px;
  --am-s3: 12px;
  --am-s4: 16px;
  --am-s5: 20px;
  --am-s6: 24px;
  --am-s7: 32px;
  --am-s8: 48px;

  /* radii */
  --am-r-card: 12px;
  --am-r-btn: 10px;
  --am-r-dialog: 14px;
  --am-radius: 12px;           /* kept: static/pages/*.css still read it */
  --am-card-pad: 16px;         /* kept: static/pages/*.css still read it */

  /* elevation */
  --am-e1: 0 1px 2px rgba(20, 27, 38, .06);
  --am-e2: 0 12px 32px rgba(20, 27, 38, .16);

  /* motion */
  --am-ease: cubic-bezier(.2, .7, .2, 1);
  --am-fast: 120ms;
  --am-base: 180ms;
  --am-sheet: 240ms;

  /* type */
  --am-font-family: 'Rubik', 'Noto Sans Arabic', Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* shell geometry */
  --am-topbar-h: 64px;
  --am-rail-w: 84px;
  --am-tabbar-h: 64px;

  /* ---- legacy aliases (kept on purpose, audited 2026-09-30) --------------
     DS1-DS5 no longer read these, but the secondary pages outside the four
     screens still do: selector.css and the _assistant.html partial read
     --bg/--surface/--muted/--border/--primary/--primary-dark, the legacy rules
     in ui.css read all eight, reviews.css reads --warning/--muted/--border,
     and onboarding/setup/social/results css read --muted. Delete an alias only
     when `grep "var(--<name>[,)]" templates static` finds nothing. They
     resolve to the amber palette; --primary is the TEXT amber (ink) so
     `color:var(--primary)` stays AA-readable.                                */
  --bg: var(--am-bg);
  --surface: var(--am-card);
  --ink: var(--am-ink);
  --muted: var(--am-muted);
  --border: var(--am-border);
  --primary: var(--am-primary-ink);
  --primary-dark: var(--am-primary-ink);
  --warning: var(--am-pending);
}