:root {
  --ink: #222226;
  --text: #3C3C41;
  --text-soft: #7B7B82;
  --cream: #FBF8F1;
  --white: #FFFFFF;
  --gold: #F5C94A;
  --gold-highlight: #FFE68A;
  --gold-shadow: #E39D1C;
  --warm-glow: #F6E7B9;
  --error: #C0574F;
  --success: #5E8F6A;
  --glass: rgba(255, 255, 255, 0.22);
  --glass-border: rgba(255, 255, 255, 0.30);
  --divider: rgba(255, 255, 255, 0.35);
  --white-muted: rgba(255, 255, 255, 0.78);
  --card-shadow: 0 4px 16px rgba(34, 34, 38, 0.06);
  --badge-shadow: 0 12px 32px rgba(227, 157, 28, 0.28);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-pill: 999px;
  --radius-card: 24px;
  --space: 8px;
  --page-margin: 20px;
  --text-max: 640px;
  --content-max: 1200px;
}

/* Marketing site is the cream system. Do not follow OS dark mode —
   it collapsed --white and --ink to the same cream and erased the hero. */
html { color-scheme: light; }