/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  GENERATED FILE — DO NOT EDIT.                                         ║
   ║  Source: brand/tokens.css · Regenerate: node scripts/sync-brand-tokens.mjs ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
/* ═══════════════════════════════════════════════════════════════════════════
   brand/tokens.css — CANONICAL shared brand colour tokens
   ---------------------------------------------------------------------------
   The ONE source of truth for the colour palette shared by the desktop app
   (src/index.css) and the marketing website (website/style.css). These are the
   tokens that were verified byte-identical in both stylesheets — the base
   "Forest" palette that is the default on every surface.

   ► Edit colours HERE, then run:  node scripts/sync-brand-tokens.mjs
     That regenerates src/brand-tokens.css and website/brand-tokens.css (which
     each stylesheet @imports). Run `node scripts/sync-brand-tokens.mjs --check`
     in CI / pre-release to fail if they've drifted.

   What is NOT here (intentionally surface-specific):
     - Fonts: the app ships system fonts only (zero-network-on-launch); the
       website loads Cormorant. See BRAND.md § Typography.
     - Layout (--max-w, --ease) and the app's bg-overlay/image tokens.
     - The [data-theme="…"] theme variants — those stay in each stylesheet
       (the surfaces carry different theme sets); only this base palette is shared.

   Rule 31: no reds, yellows, or golds — ever. See BRAND.md.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --bg:          #050a07;
  --surface:     rgba(74, 124, 89, 0.05);
  --surface-2:   rgba(74, 124, 89, 0.10);
  --border:      rgba(126, 172, 136, 0.18);
  --border-soft: rgba(126, 172, 136, 0.10);
  --candle:      #7eac88;
  --candle-glow: rgba(126, 172, 136, 0.22);
  --iris:        #6c5edc;
  --iris-glow:   rgba(108, 94, 220, 0.16);
  --accent:      #4a7c59;
  --accent-soft: rgba(74, 124, 89, 0.18);
  --text-1:      #eef4f0;
  --text-2:      #b8cdbe;
  --text-3:      #7d9183;
}