/* GENERATED FILE — do not edit directly.
 * Source of truth: src/styles/brand-tokens.css
 * Regenerate with: bash scripts/sync-brand-tokens.sh
 */

/* SINGLE SOURCE OF TRUTH for Rei & Co.'s brand colors — the one file to
 * edit for any rebrand: our own palette today, or a client's brand CI if
 * this platform ever gets white-labeled for a prospect (see the 2026-09-05
 * "brand CI in, rebranded instance out in days" conversation with Kyth).
 *
 * Before this file existed, the same ~13 hex values were hand-copied into
 * three places (src/app/globals.css, public/landing.html,
 * public/ai-readiness-quiz.html) and had already started drifting slightly
 * (--gold-text existed on two of the three, --gold-soft's rgba() was
 * retyped by hand each time). A future rebrand meant finding and editing
 * all three in lockstep and hoping nothing was missed.
 *
 * Consumers:
 *   - src/app/globals.css        @import's this file directly — a normal
 *                                 Next.js build-time CSS import, so this
 *                                 costs nothing extra at runtime (no added
 *                                 request, no client JS).
 *   - public/tokens.css           A generated copy of this file. The two
 *                                 static marketing pages below have no
 *                                 build step (they're served as raw static
 *                                 HTML via a route.ts readFile — see that
 *                                 file's comments for why), so they can't
 *                                 import a src/ file directly. Regenerate
 *                                 the copy with:
 *                                     bash scripts/sync-brand-tokens.sh
 *                                 any time you edit this file, BEFORE
 *                                 deploying — same "don't let copies drift"
 *                                 discipline as scripts/update-env.sh.
 *       - public/landing.html
 *       - public/ai-readiness-quiz.html
 *         (both link this copy: <link rel="stylesheet" href="/tokens.css">)
 *
 * NOT unified here: fonts. The CRM app self-hosts its fonts via next/font
 * (see src/app/layout.tsx) for performance; the two static pages instead
 * pull the same font families from the Google Fonts CDN via a <link> tag,
 * since they have no bundler to self-host through. Two different loading
 * mechanisms for the same visual result, so a font change in a rebrand
 * still means editing src/app/layout.tsx AND the Google Fonts <link> in
 * both HTML files by hand. That's the one open gap in this "single source
 * of truth" setup — see docs/BRAND_INTAKE_TEMPLATE.md for how a rebrand
 * should walk through it.
 *
 * Naming: variables here use a neutral --brand- prefix for the raw values.
 * Each consumer keeps its OWN existing variable names (--gold,
 * --crm-accent-gold, etc.) and just points them at a --brand-* value with
 * var(...) — so this refactor touched zero of the ~90 existing var() call
 * sites across the app, only the ~16 definitions themselves. */

/* 2026-09-05 — swapped to Beam's official REI & CO. brand book palette
 * (Charcoal / Champagne Gold / Taupe / Sand / Ivory), approved by Kyth.
 * Mapping from the 5-color deck onto our 5 token slots (see
 * docs/BRAND_INTAKE_TEMPLATE.md for why these slots exist):
 *   Ivory #FAF8F3         -> --brand-canvas       (page background)
 *   Sand #E2D7D0          -> --brand-hover         (judgment call — the deck
 *                             doesn't label a "hover" role, but Sand is the
 *                             next-darkest warm neutral after Ivory, same
 *                             relationship the old canvas/hover pair had)
 *   Champagne Gold #C9A96B -> --brand-gold         (primary accent)
 *   Charcoal #1F1E1B       -> --brand-text-primary AND --brand-obsidian
 *                             (the deck gives one dark neutral, not two, so
 *                             both roles point at it)
 *   Taupe #6D675E          -> --brand-text-muted
 * --brand-surface stays white (not redefined by the deck — that's the card
 * background, distinct from the page canvas). --brand-gold-soft/-text are
 * still derived from --brand-gold, same ~12%-opacity / ~16%-darker rule as
 * before, just recomputed for the new gold. Secondary accents (teal/
 * crimson/indigo) are UNCHANGED — the brand book doesn't define these
 * (badges/status colors), flagged to Beam per the intake template rather
 * than guessed. */
:root {
  --brand-canvas: #faf8f3;
  --brand-surface: #ffffff;
  --brand-hover: #e2d7d0;

  /* Primary brand accent. */
  --brand-gold: #c9a96b;
  --brand-gold-soft: rgba(201, 169, 107, 0.12);
  /* Darkened again on 2026-09-10 (was #a98e5a) — the accessibility-review
     skill measured that value at 2.87:1 against the "warn" badge's own
     background, and ~3:1 on plain surfaces (active nav item, filter
     chips), both real WCAG AA failures against the 4.5:1 requirement, not
     a borderline call. Same hue/saturation, just darker: verified at
     4.56:1 (badge bg), 4.94:1 (surface), 4.66:1 (canvas). */
  --brand-gold-text: #826d44;

  /* Secondary accents — unchanged, not defined by Beam's brand book. */
  --brand-teal: #3f6b62;
  --brand-crimson: #b8471f;
  --brand-indigo: #3f4d70;

  /* Text + borders. */
  --brand-text-primary: #1f1e1b;
  --brand-text-muted: #6d675e;
  --brand-border: rgba(31, 30, 27, 0.1);

  /* Primary-button resting state — same role as before (brand gold appears
     on hover instead, so the gold identity still shows up on interaction). */
  --brand-obsidian: #1f1e1b;

  /* "Ink" pair added 2026-09-10 — the text colors that sit ON TOP of
     --brand-obsidian (resting) and --brand-gold (hover) in the shared
     Button component's primary variant. Before this, three separate files
     (ui.tsx, login/page.tsx, PrintButton.tsx) each hardcoded their own
     near-identical hex for this instead of sharing one token — PrintButton
     in particular used a gold background a shade off from the real
     --brand-gold, a design-system audit finding. Centralizing here means a
     future rebrand only edits this file, per this file's whole purpose. */
  --brand-obsidian-ink: #f7f3ea;
  --brand-gold-ink: #14110c;
}