/* ─── Pitches Design Tokens ──────────────────────────────────────────────────
   Derived from CESS design/tokens.css. Extended with:
   - Visser tenant overrides (via [data-tenant="visser"])
   - SSB tenant overrides (via [data-tenant="ssb"])
   - Richer shadow + radius ramps for card-heavy outreach UI
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Surfaces (warm-paper) ───────────────────────────────────────────── */
  --surface-0:    #FFFFFF;
  --surface-1:    #FAFAF7;
  --surface-2:    #F4F3EE;
  --surface-3:    #ECEAE3;
  --surface-tint: #F7F6F1;

  /* ── Ink ────────────────────────────────────────────────────────────── */
  --ink-1:  #18181A;
  --ink-2:  #46464A;
  --ink-3:  #6E6E72;
  --ink-4:  #9A9A9E;
  --ink-5:  #C7C7C9;

  /* ── Lines ──────────────────────────────────────────────────────────── */
  --line:       rgba(24,24,26,0.08);
  --line-strong:rgba(24,24,26,0.14);
  --line-faint: rgba(24,24,26,0.04);

  /* ── Accent (overridden per-tenant below) ────────────────────────────── */
  --accent:       #18181A;
  --accent-hover: #2A2A2C;
  --accent-soft:  rgba(24,24,26,0.06);
  --accent-on:    #FFFFFF;
  --accent-deep:  #0f0f11;
  --accent-text:  #18181A;

  /* ── Semantic ───────────────────────────────────────────────────────── */
  --good:      oklch(0.62 0.10 150);
  --good-soft: oklch(0.96 0.025 150);
  --good-ink:  oklch(0.34 0.06 150);

  --warn:      oklch(0.72 0.12 78);
  --warn-soft: oklch(0.96 0.04 78);
  --warn-ink:  oklch(0.38 0.07 60);

  --bad:       oklch(0.58 0.16 28);
  --bad-soft:  oklch(0.96 0.03 28);
  --bad-ink:   oklch(0.36 0.10 28);

  --info:      oklch(0.60 0.02 250);
  --info-soft: oklch(0.96 0.005 250);
  --info-ink:  oklch(0.34 0.02 250);

  /* ── Typography ─────────────────────────────────────────────────────── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif:'Instrument Serif', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── Type scale ─────────────────────────────────────────────────────── */
  --fs-display: 40px; --lh-display: 1.08; --tr-display: -0.025em;
  --fs-h1:      26px; --lh-h1:      1.15; --tr-h1:      -0.02em;
  --fs-h2:      18px; --lh-h2:      1.25; --tr-h2:      -0.012em;
  --fs-h3:      15px; --lh-h3:      1.32; --tr-h3:      -0.008em;
  --fs-body:    13.5px; --lh-body:  1.5;  --tr-body:    -0.002em;
  --fs-small:   12.5px; --lh-small: 1.45;
  --fs-micro:   11px;   --lh-micro: 1.3;  --tr-micro:    0.03em;

  /* ── Spacing (4px base) ─────────────────────────────────────────────── */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 28px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* ── Radii ──────────────────────────────────────────────────────────── */
  --r-xs:  4px;
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  12px;
  --r-xl:  16px;
  --r-2xl: 20px;
  --r-full:999px;

  /* ── Shadows ────────────────────────────────────────────────────────── */
  --sh-xs:    0 1px 2px rgba(24,24,26,0.04);
  --sh-sm:    0 1px 2px rgba(24,24,26,0.05), 0 1px 3px rgba(24,24,26,0.04);
  --sh-card:  0 0 0 1px var(--line), 0 1px 2px rgba(24,24,26,0.03);
  --sh-md:    0 2px 4px rgba(24,24,26,0.04), 0 6px 14px rgba(24,24,26,0.06);
  --sh-lg:    0 4px 8px rgba(24,24,26,0.04), 0 14px 32px rgba(24,24,26,0.08);
  --sh-xl:    0 8px 16px rgba(24,24,26,0.06), 0 24px 56px rgba(24,24,26,0.10);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(24,24,26,0.04);

  /* ── Layout ─────────────────────────────────────────────────────────── */
  --sidebar-w:   240px;
  --topbar-h:    52px;
  --row-h:       36px;
  --row-pad-x:   14px;
  --field-h:     34px;
  --btn-h:       32px;
  --btn-h-sm:    26px;
  --btn-h-lg:    40px;

  /* ── Canvas vars (consumed by tenant themes) ──────────────────────── */
  --bg: var(--surface-1);
  --surface: var(--surface-0);
  --border: var(--line);
  --border-strong: var(--line-strong);
  --text: var(--ink-1);
  --text-muted: var(--ink-3);
  --text-faint: var(--ink-4);
  --hover: var(--surface-tint);
}

/* ── Visser tenant (gold/cream) ─────────────────────────────────────── */
[data-tenant="visser"] {
  --accent:       #b8884d;
  --accent-hover: #a07840;
  --accent-deep:  #8a6535;
  --accent-soft:  #faf3e6;
  --accent-on:    #ffffff;
  --accent-text:  #6b4d27;
  --bg:           #faf9f6;
  --surface:      #ffffff;
  --surface-1:    #faf9f6;
  --surface-2:    #fbfaf7;
  --hover:        #f5f3ee;
}

/* ── SSB tenant (forest green) ─────────────────────────────────────── */
[data-tenant="ssb"] {
  --accent:       #2d6a4f;
  --accent-hover: #245a42;
  --accent-deep:  #1b4332;
  --accent-soft:  #e8f5ef;
  --accent-on:    #ffffff;
  --accent-text:  #1b4332;
  --bg:           #f8faf8;
  --surface:      #ffffff;
  --surface-1:    #f8faf8;
  --surface-2:    #f0f5f1;
  --hover:        #ecf3ed;
}

/* ── Base reset ─────────────────────────────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-feature-settings: "cv11", "ss01"; }