/* tip — Concierge design tokens (single source of truth)
   Lifted from web/design-reference/design-system.html :root,
   plus --platform tokens from cms-global.html and --impersonate
   tokens from admin-settings.html and --diff-* from
   platform-cms-versions.html. Page-level stylesheets reference
   these as var(--name). Do NOT inline tokens per page — keep
   this file authoritative. */

:root {
  /* Paper / surface */
  --paper:        #f5f5f4;
  --paper-2:      #efefee;
  --paper-3:      #e6e6e4;
  --surface:      #fff;

  /* Rules */
  --rule:         #e7e7e4;
  --rule-soft:    #efefee;

  /* Ink (text) */
  --ink:          #15151a;
  --ink-2:        #41444c;
  --ink-3:        #71757e;
  --ink-4:        #a4a7ae;

  /* Primary accent (soft indigo-violet) — app/consultant context */
  --accent:       oklch(55% 0.14 280);
  --accent-ink:   oklch(38% 0.10 280);
  --accent-tint:  oklch(96% 0.020 280);
  --accent-rule:  oklch(85% 0.05 280);

  /* Platform shell accent (deeper indigo — Formula staff context) */
  --platform:      oklch(28% 0.04 280);
  --platform-tint: oklch(95% 0.025 280);

  /* Impersonation banner (amber-yellow — canonical "you are acting as") */
  --impersonate:      oklch(72% 0.14 75);
  --impersonate-ink:  oklch(30% 0.12 75);
  --impersonate-tint: oklch(95% 0.05 75);

  /* AREA dimensions — each owns its hue */
  --dim-a: oklch(60% 0.10 250); --dim-a-tint: oklch(95% 0.022 250);
  --dim-r: oklch(58% 0.11 295); --dim-r-tint: oklch(95% 0.022 295);
  --dim-e: oklch(65% 0.10 40);  --dim-e-tint: oklch(95% 0.025 40);
  --dim-x: oklch(60% 0.10 160); --dim-x-tint: oklch(95% 0.025 160);

  /* 5-step score-quality ramp (s1 weakest → s5 strongest) */
  --s1: oklch(82% 0.07 28);
  --s2: oklch(86% 0.08 60);
  --s3: oklch(91% 0.07 95);
  --s4: oklch(86% 0.08 150);
  --s5: oklch(74% 0.10 160);

  /* Recommendation chips */
  --rec-strong: oklch(55% 0.13 150); --rec-strong-t: oklch(95% 0.04 150);
  --rec-yes:    oklch(55% 0.10 200); --rec-yes-t:    oklch(96% 0.025 200);
  --rec-maybe:  oklch(60% 0.10 75);  --rec-maybe-t:  oklch(96% 0.04 75);
  --rec-no:     oklch(55% 0.12 25);  --rec-no-t:     oklch(96% 0.04 25);

  /* Rubric green/red flags */
  --rubric-green:   oklch(48% 0.12 150); --rubric-green-t: oklch(95% 0.04 150);
  --rubric-red:     oklch(52% 0.14 25);  --rubric-red-t:   oklch(95% 0.04 25);

  /* CMS version diff */
  --diff-add:      oklch(95% 0.04 150); --diff-add-text: oklch(34% 0.10 150);
  --diff-del:      oklch(95% 0.04 25);  --diff-del-text: oklch(38% 0.13 25);

  /* Status */
  --ok:   oklch(58% 0.13 150); --ok-tint:   oklch(95% 0.04 150);
  --warn: oklch(70% 0.13 70);  --warn-tint: oklch(96% 0.05 70);
  --bad:  oklch(58% 0.16 25);  --bad-tint:  oklch(96% 0.04 25);

  /* Type */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* Spacing scale */
  --s-2: 4px;
  --s-3: 6px;
  --s-4: 8px;
  --s-5: 12px;
  --s-6: 16px;
  --s-7: 20px;
  --s-8: 24px;
  --s-9: 32px;
  --s-10: 48px;
  --s-11: 64px;

  /* Radii + shadows */
  --radius:    10px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --shadow-card:   0 1px 0 rgba(20, 20, 30, .04), 0 1px 2px rgba(20, 20, 30, .04);
  --shadow-card-2: 0 1px 0 rgba(20, 20, 30, .05), 0 8px 24px -12px rgba(20, 20, 30, .10);

  /* Shell layout */
  --sidebar-w: 244px;
}