/* GENERATED — edit /design/ at repo root, then run scripts/sync-design.sh. */

/* Greco-Futurism — design tokens.
   Source of truth. See BRAND.md at repo root.

   Two surfaces coexist:
     - "ground" tokens drive marble-dominant pages (www landing)
     - "bg" tokens drive warm-black surfaces (platform app, business auth)
   Both share the same accent vocabulary (bronze). */

:root {
  /* Ground — warm marble, the primary stage for public surfaces */
  --ground: #efe8d8;
  --ground-deep: #e4dac3;
  --ground-soft: #f7f1e3;
  --ground-edge: #c9bfa5;

  /* Stone — warm near-blacks used as text and rare punctuation on marble */
  --stone: #2a241d;
  --stone-soft: #5a4a35;
  --stone-whisper: #8a7f6c;
  --stone-deep: #1a1510;

  /* Gold — warm antique gold, the canonical accent.
     Two tones coexist like in classical architecture: brighter gold for
     inscriptions/buttons, deeper gilded bronze for frieze/pilaster/inlay. */
  --gold: #b8903d;
  --gold-deep: #8a6a3f;
  --gold-soft: #d4b066;
  --gold-glow: rgba(184, 144, 61, 0.14);

  /* Legacy bronze aliases — kept so existing motif CSS keeps compiling. */
  --bronze: var(--gold);
  --bronze-deep: var(--gold-deep);
  --bronze-soft: var(--gold-soft);
  --bronze-glow: var(--gold-glow);

  /* Warm black surfaces — used by platform + business */
  --bg: #0b0a09;
  --bg-alt: #100f0d;
  --surface: #17160f;
  --border: #2a2518;

  /* Marble roles on dark — legacy, for inverted accents inside dark apps */
  --marble: #f2ece0;
  --marble-soft: #dcd3c0;
  --marble-border: #c9bfa8;

  /* Text on dark — kept for platform/business compat */
  --text: #c8c4b8;
  --text-muted: #6b6456;
  --text-bright: #eae6d9;
  --text-stone: #1a1713;

  /* Legacy gold — retained until platform/business flip too */
  --accent: #d4a843;
  --accent-warm: #e0b94e;
  --accent-soft: #b89a52;
  --accent-dim: rgba(212, 168, 67, 0.13);
  --patina: #8b7a4a;
  --patina-soft: #5a4f31;

  /* Geometry — sharp by default */
  --radius-sharp: 2px;
  --radius-softened: 4px;

  /* Proportion — classical ratios */
  --ratio-minor: 1.125;
  --ratio-major: 1.333;
  --ratio-golden: 1.618;

  /* Spacing — proportional scale on an 8px base */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
}