/* ganja. bundle — tokens.css
   Shell primitives (never change between domains) + status pairs + type scale + spacing.
   Per-domain accents live in theme-*.css and override ONLY the six --accent tokens + --photo-field.
   Provenance for every value: .agents/artifact/DESIGN-BRIEF.md §2, §3, §5. */

:root {
  /* 2.1 shell primitives */
  --paper: #FBFAF6;
  --paper-2: #F1F3EF;
  --surface: #FFFFFF;
  --ink: #0F2A22;
  --ink-2: #3F554D;
  --line: #E2E6ED;
  --on-dark: #FBFAF6;
  --on-dark-2: rgba(251, 250, 246, 0.72);
  --line-dark: rgba(251, 250, 246, 0.14);
  --action-bg: #0F2A22;
  --action-fg: #FBFAF6;
  --shadow-sticky: 0 1px 2px rgba(15, 42, 34, 0.06);

  /* 2.2 status pairs */
  --ok: #228927;      --ok-bg: #E4F1E5;
  --warn: #7F4C20;    --warn-bg: #FFE9B4;
  --err: #B42318;     --err-bg: #FDECEA;
  --example: #3F554D; --example-bg: #F1F3EF;

  /* 2.3 the four domain hues, available everywhere for dots, TLD lockups and pillar tiles.
     (These are NOT the active accent; the active accent is set by the theme file.) */
  --g-strong: #7A5A14; --g-bright: #FFC02A; --g-tint: #C8DCCA; --g-dark: #E3B84C;
  --c-strong: #115149; --c-bright: #45CCA0; --c-tint: #EAFAF8; --c-dark: #45CCA0; --c-cta: #017C6B;
  --r-strong: #B5531F; --r-bright: #C8622D; --r-tint: #F9C4B4; --r-dark: #F2C94C;
  --s-strong: #4F4FDC; --s-bright: #6262F5; --s-tint: #EFEFFF; --s-dark: #C7C7FF;

  /* active accent defaults = shell (home page owns no saturated colour) */
  --accent: var(--ink);
  --accent-strong: var(--ink);
  --accent-cta: var(--ink);
  --on-accent: var(--paper);
  --accent-tint: var(--paper-2);
  --accent-dark: var(--on-dark);
  --photo-field: var(--paper-2);

  /* 3. typography */
  --font-display: "Fraunces", Georgia, "Iowan Old Style", "Times New Roman", serif;
  --font-text: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --t-display: clamp(2.75rem, 1.9rem + 3.6vw, 5rem);
  --t-h1: clamp(2.25rem, 1.6rem + 2.6vw, 4rem);
  --t-h2: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  --t-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --t-lede: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  --t-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --t-small: 0.9375rem;
  --t-caption: 0.875rem;
  --t-mono: 0.8125rem;
  --lh-tight: 1.1; --lh-heading: 1.2; --lh-body: 1.55;

  /* 5. layout */
  --container: 86rem;           /* 1376px, Curaleaf */
  --gutter: 16px;
  --gap: 24px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-16: 64px; --s-20: 80px; --s-40: 160px;
  --rhythm: clamp(3rem, 2rem + 4vw, 6rem);
  --band-pad: 40px;
  --r-control: 8px; --r-card: 12px; --r-media: 16px; --r-mock: 24px; --r-pill: 999px;
  --control-h: 44px;
  --ease: 180ms ease-out;
}

@media (min-width: 768px) {
  :root { --gutter: 32px; --band-pad: 64px; }
}
@media (min-width: 1200px) {
  :root { --band-pad: 80px; }
}

/* Demonstrated one-file swaps (DESIGN-BRIEF §3, §5):
   [data-skin="clinical"]  → pure Archetype B sans-only skin
   [data-theme="brand-dark"] exists for Puffco/Eaze-register buyers; not shown in the demo. */
[data-skin="clinical"] { --font-display: var(--font-text); }