/* ============================================================================
   Founder Created — DESIGN TOKENS · single source of truth
   ----------------------------------------------------------------------------
   This is the ONE file that defines the brand's colors and fonts. Both surfaces
   read it:
     • The landing page (this folder) links it directly:  <link href="design-tokens.css">
       and its styles reference the vars, e.g.  color: var(--fc-ink)
     • The client portal imports it at build time in  portal/src/theme/tokens.css
       and its Tailwind config maps every color to these vars.

   It lives in the landing-page folder because that page has no build step and
   serves this file as-is; the portal build inlines it, so nothing is duplicated.

   HOW TO CHANGE A BRAND COLOR: edit the value here ONCE, then rebuild + redeploy
   the portal and redeploy the site. Do not hardcode hex values in either surface.

   Colors are stored as space-separated RGB channels (e.g. 200 162 87) so both
   plain CSS  rgb(var(--fc-gold-rgb) / 0.6)  and Tailwind's  gold/60  work.
   The --fc-<name> solids are convenience aliases for full-opacity use.
   Human-readable guide: content/brand/design-system.md
   ============================================================================ */

:root {
  /* -- core color channels (R G B) -------------------------------------- */
  --fc-ground-rgb: 11 13 12;      /* #0B0D0C  page background (near-black)   */
  --fc-panel-rgb: 17 20 18;       /* #111412  raised surface                */
  --fc-panel-2-rgb: 22 26 23;     /* #161A17  second raised surface         */
  --fc-ink-rgb: 242 241 234;      /* #F2F1EA  primary text (warm off-white) */
  --fc-gold-rgb: 200 162 87;      /* #C8A257  the accent                    */
  --fc-forest-rgb: 16 36 28;      /* #10241C  logo-square / header glow only */

  /* -- status color channels -------------------------------------------- */
  --fc-danger-rgb: 224 108 90;    /* #E06C5A  error / warning               */
  --fc-ok-rgb: 127 181 138;       /* #7FB58A  success / on-track            */

  /* -- solid aliases (full opacity) ------------------------------------- */
  --fc-ground: rgb(var(--fc-ground-rgb));
  --fc-panel: rgb(var(--fc-panel-rgb));
  --fc-panel-2: rgb(var(--fc-panel-2-rgb));
  --fc-ink: rgb(var(--fc-ink-rgb));
  --fc-gold: rgb(var(--fc-gold-rgb));
  --fc-gold-hi: #D4B06A;          /* gold hover (lighter)                   */
  --fc-forest: rgb(var(--fc-forest-rgb));

  /* -- type ------------------------------------------------------------- */
  --fc-serif: 'Newsreader', Georgia, serif;
  --fc-mono: 'JetBrains Mono', ui-monospace, monospace;
  --fc-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* -- misc ------------------------------------------------------------- */
  --fc-tracking-label: 0.14em;    /* uppercase mono kicker letter-spacing   */
}