/* Genesis AI Ventures — Brand tokens (canonical source of truth)
   ============================================================================
   This file is the SINGLE source for every brand color, gradient, surface, and
   border on every customer-facing page. Every landing page, every email
   template, every FastAPI-rendered page must <link> this file rather than
   declaring its own --brand-* values.

   Why this file exists: 2026-05-14 — the board landed on /500-sku-sprint.html
   after click-testing the cold-outreach audit-report flow and reported the
   page looked nothing like the rest of the site. Root cause: the page declared
   its OWN :root color block with the old indigo+gold palette (#1E2B63 /
   #4F46E5 / #E8B64C). The homepage had since rebranded to all-cyan; no process
   propagated the change. Six other landing pages had the same drift.

   Update protocol: change tokens HERE only. Then run
   `python tools/check_brand_drift.py` to find any page still declaring its
   own colors. Council UX checks score every page that imports this file —
   homepage UX score is no longer assumed representative of the site.

   Aliasing: legacy var names (--brand-navy, --brand-indigo, --accent-gold,
   --accent-coral) resolve to gv-* values so existing per-page CSS keeps
   compiling without rewrites. New CSS should use --gv-* directly.
   ========================================================================== */
:root {
  /* ── Primary palette — Genesis AI Ventures (gv-*) ─────────────────────── */
  --gv-navy:           #0A2540;  /* Primary base / Trust */
  --gv-navy-deep:      #061A2E;  /* Deeper navy for elevation contrast */
  --gv-navy-soft:      #1A3A5C;  /* Lighter navy for hover/secondary */
  --gv-cyan:           #00F0FF;  /* Accent / Intelligence — pure cyan */
  --gv-cyan-bright:    #00BFFF;  /* AA-safe cyan on white for CTAs */
  --gv-cyan-deep:      #006D85;  /* AA-strong cyan TEXT on white (4.7:1) */
  --gv-cyan-glow:      rgba(0,240,255,0.4);
  --gv-silver:         #C0C0C0;  /* Structure / Precision */
  --gv-silver-light:   #E8EAEF;
  --gv-silver-dark:    #8A8E97;
  --gv-purple:         #4B0082;  /* Gradient anchor only — not a text color */

  /* ── Brand gradients ──────────────────────────────────────────────────── */
  --gv-gradient-energy: linear-gradient(135deg, #4B0082 0%, #00BFFF 100%);
  --gv-gradient-cyan:   linear-gradient(135deg, #00F0FF 0%, #00BFFF 100%);
  --gv-gradient-navy:   linear-gradient(180deg, #0A2540 0%, #1A3A5C 100%);

  /* ── Legacy aliases — DO NOT redefine in page-local CSS ───────────────── */
  /* These names exist because the auto-implementer + early landing pages
     used them. They now resolve to the canonical gv-* tokens above. */
  --brand-navy:        var(--gv-navy);
  --brand-navy-hi:     var(--gv-navy-soft);
  --brand-indigo:      var(--gv-cyan-deep);
  --brand-indigo-hi:   var(--gv-cyan-bright);
  --accent-gold:       var(--gv-cyan-deep);
  --accent-gold-hi:    var(--gv-cyan-bright);
  --accent-gold-on-light: var(--gv-cyan-deep);
  --accent-coral:      var(--gv-cyan-deep);

  /* ── Semantic / supporting tokens ─────────────────────────────────────── */
  --success:           #10B981;
  --warn:              #F59E0B;
  --error:             #EF4444;

  /* ── Dark-surface tokens (used by index/500-sku-sprint/etc.) ──────────── */
  --bg-base:           #0A0B0D;  /* NOT pure black (halation) */
  --bg-surface-1:      #111318;  /* cards */
  --bg-surface-2:      #171A21;  /* modals */
  --bg-surface-3:      #1F232C;  /* highest elevation */
  --bg-void:           #050608;
  --bg-card:           var(--bg-surface-1);
  --bg-card-hover:     var(--bg-surface-2);

  /* ── Text on dark surfaces ────────────────────────────────────────────── */
  --text-primary:      #F5F6F8;  /* body — AAA */
  --text-secondary:    #B4B7C0;  /* muted — AA */
  --text-tertiary:     #7E828D;  /* AA */
  --text-muted:        var(--text-secondary);
  --text-bright:       #FFFFFF;

  /* ── Borders ──────────────────────────────────────────────────────────── */
  --border-subtle:     #22262E;
  --border-default:    #2D323C;
  --border-hover:      var(--border-default);
}