/* ==========================================================================
   Flggd brand tokens - shared across /demo, /calculator, /navigator, /dealroom
   ==========================================================================
   Source: Flggd Brand Book (official values).
   Typography: Mulish via Google Fonts - 700 H1, 600 H2–H4, 400 body.
   Voice for all UI copy: protective, empowering, plain-language, decisive.

   Two token layers:

   1. --flggd-*  : Flggd's own brand (page chrome, captions, CTAs).

   2. --fi-*     : The white-label FI persona rendered *inside* the product UI
                   (phone verdicts, portal). Defaults to the fictional
                   "Cedar Valley Credit Union". Act 4 of the demo re-brands
                   live by overwriting these variables only - never hardcode
                   FI colors/names in component CSS.
   ========================================================================== */

:root {
  /* ---- Flggd Brand Book palette ---- */
  --flggd-teal-bright: #3dd4ce;
  --flggd-primary: #1dbab4;        /* Teal Medium - buttons/links */
  --flggd-teal-dark: #0e9a95;      /* active states */
  --flggd-ink: #1e3a4c;            /* Deep Blue Ink - headlines/dark sections */
  --flggd-navy: #2d4a5e;           /* card backgrounds on dark */
  --flggd-ice: #f0f7f7;
  --flggd-cta: #f27b6a;            /* Soft Coral - CTAs/warnings */
  --flggd-peach: #f9b5a8;
  --flggd-peach-light: #fde8e4;
  --flggd-text: #5e7a8a;           /* Warm Slate - body text */
  --flggd-muted: #8ba5b5;          /* placeholders/borders */
  --flggd-surface: #f9fafb;        /* Off White - page background */

  /* Derived conveniences (kept on-palette) */
  --flggd-surface-raised: #ffffff; /* cards on light */
  --flggd-line: #dfe8ed;           /* hairlines, tint of --flggd-muted */

  /* ---- Typography (Mulish: 700 H1 · 600 H2–H4 · 400 body) ---- */
  --flggd-font: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, "Helvetica Neue", Arial, sans-serif;
  --flggd-font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;
  --flggd-weight-h1: 700;
  --flggd-weight-h2: 600;
  --flggd-weight-body: 400;

  /* ---- Shape & elevation ---- */
  --flggd-radius: 12px;
  --flggd-radius-lg: 20px;
  --flggd-shadow: 0 1px 3px rgba(30, 58, 76, 0.08), 0 8px 24px rgba(30, 58, 76, 0.08);
  --flggd-shadow-lg: 0 4px 12px rgba(30, 58, 76, 0.12), 0 24px 48px rgba(30, 58, 76, 0.16);

  /* ---- FI persona: Cedar Valley Credit Union (demo default) ----
     Act 4's live re-brand swaps ONLY this block (via JS setProperty). */
  --fi-name: "Cedar Valley Credit Union";
  --fi-primary: #14614a;           /* cedar green */
  --fi-primary-soft: #e7f2ee;      /* tinted background for FI-branded bubbles */
  --fi-primary-contrast: #ffffff;  /* text on --fi-primary */
  --fi-accent: #d9a441;            /* harvest gold */
}