/* ============================================================================
   SiteYield.ai — Design Tokens  (single source of truth)
   ----------------------------------------------------------------------------
   One canonical font system + color scale for the WHOLE product. Include this
   file FIRST on every page, before any page-specific stylesheet, so these
   variables are available everywhere and individual pages stop re-declaring
   their own drifted values.

   Font system (unified 2026-06): Outfit (display + body) + IBM Plex Mono.
   Brand gold reconciled to ONE scale (was drifting: #E8C87A / #E3C48E /
   #B98B45 across pages). Dark theme is the default (app + marketing); reports
   opt into the light surface with [data-theme="report"] or .theme-report.
   ============================================================================ */

:root {
  /* ── Type ───────────────────────────────────────────────────────────── */
  --font-display: 'Outfit','Inter',system-ui,-apple-system,sans-serif;
  --font-body:    'Outfit','Inter',system-ui,-apple-system,sans-serif;
  --font-mono:    'IBM Plex Mono',ui-monospace,'JetBrains Mono',Menlo,monospace;

  /* Backwards-compat aliases (older pages referenced these names) */
  --font:      var(--font-body);
  --mono:      var(--font-mono);
  --font-head: var(--font-display);

  /* Type scale (1.20 minor-third) */
  --fs-xs: 11px;  --fs-sm: 12.5px; --fs-base: 14.5px; --fs-md: 16px;
  --fs-lg: 19px;  --fs-xl: 23px;   --fs-2xl: 30px;    --fs-3xl: 40px;  --fs-display: clamp(40px, 7vw, 84px);
  --lh-tight: 1.12; --lh-snug: 1.3; --lh-body: 1.6;

  /* ── Brand gold (ONE scale) ─────────────────────────────────────────── */
  --gold:        #E8C87A;   /* primary accent (dark surfaces) */
  --gold-deep:   #C8A26A;   /* hover / secondary */
  --gold-soft:   rgba(232,200,122,0.12);
  --gold-line:   rgba(232,200,122,0.35);
  --gold-ink:    #161204;   /* text/icon ON gold fills */
  --gold-on-light: #9A6B1C; /* AA-safe gold for text on LIGHT surfaces */

  /* ── Neutral ink (dark theme) ───────────────────────────────────────── */
  --ink-0: #0C0C0E;   /* deepest background (hero, canvas) */
  --ink-1: #141418;   /* panel / card */
  --ink-2: #1B1B21;   /* raised surface */
  --ink-3: #25252E;   /* control / input */
  --line:        rgba(245,241,236,0.12);
  --line-strong: rgba(245,241,236,0.22);

  --text:   #F5F1EC;  /* primary (≈16:1 on --ink-0) */
  --text-2: #D7D7DF;  /* secondary, AA on dark */
  --text-3: #9DA2AD;  /* tertiary / hint, AA-large on dark */

  /* ── Semantic ───────────────────────────────────────────────────────── */
  --teal:    #4ECDC4;  /* data accent (massing/financial) */
  --success: #10B981;
  --warn:    #E89A3C;
  --danger:  #C0392B;
  --danger-soft: #E0665E;

  /* ── Radius / shadow / motion ───────────────────────────────────────── */
  --r-sm: 6px; --r-md: 9px; --r-lg: 14px; --r-pill: 999px;
  --sh-1: 0 4px 14px rgba(0,0,0,.25);
  --sh-2: 0 14px 34px -10px rgba(0,0,0,.55);
  --sh-3: 0 30px 60px -20px rgba(0,0,0,.7);
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: 160ms;
}

/* ── Light surface for REPORTS (Assess / sample / investor) ───────────── */
[data-theme="report"], .theme-report {
  --ink-0: #FFFFFF;
  --ink-1: #F6F7F9;
  --ink-2: #EEF0F3;
  --ink-3: #E4E7EC;
  --line:        rgba(20,22,28,0.12);
  --line-strong: rgba(20,22,28,0.20);
  --text:   #1A1D24;
  --text-2: #3A3F4A;
  --text-3: #6B7280;
  --gold:   var(--gold-on-light);   /* darker gold reads on white */
  --gold-deep: #7E5712;
}