/* ============================================================
   GENERATED — DO NOT EDIT.
   Source: modulus-core/packages/core/src/theme/tokens.css
   Sync:   node modulus-core/scripts/sync-marketing-tokens.mjs
   ============================================================ */

/* Canonical tokens — same source as modulus-core, ChatDFH, ModulusDFH. */
@import url('./tokens.core.css');

/* Marketing site density: spacious (15px body, soft radius). */
:root {
  /* Short-name aliases — kept so existing style.css keeps working. */
  --bg:            var(--color-bg);
  --bg-soft:       #fbf8f2;                     /* marketing-specific warm-cream variant */
  --surface:       rgba(255, 252, 246, 0.88);   /* translucent over background */
  --surface-solid: var(--color-surface);
  --text:          var(--color-text-primary);
  --muted:         var(--color-text-secondary);
  --faint:         var(--color-text-tertiary);
  --line:          var(--color-border);
  --line-strong:   var(--color-border-strong);

  --accent:        var(--color-accent);
  --accent-dark:   var(--color-accent-fill);
  --accent-soft:   var(--color-accent-light);

  /* Marketing-only dramatic shadows (kept from the legacy style.css
     because hero/feature cards rely on this depth — the unified
     --shadow-lg is tuned for app chrome, not landing-page drama). */
  --shadow:       0 26px 80px rgba(45, 40, 35, 0.13);
  --shadow-lift:  0 34px 95px rgba(45, 40, 35, 0.18);

  --serif:        var(--font-family-display);
  --sans:         var(--font-family);
}

html { /* marketing is always spacious */ }
:root { /* ensure the spacious density mode is active without a class */ }
.density-spacious { /* defined in tokens.core.css */ }