:root{
  /* Base palette — the only colors in the system */
  --color-deep-indigo:#234386;
  --color-honey-gold:#ffc400;
  --color-burnt-orange:#ed7328;
  --color-sky-blue:#6aa8dc;
  --color-warm-sand:#d2b68c;
  --color-mint-sage:#a2d3a6;
  --color-ink-black:#000000;
  --color-pure-white:#ffffff;
  --color-cream-paper:#fbf9f6;
  --color-soft-shadow:#d6d6d6;

  /* Surfaces — layered cream -> white -> orange -> indigo. Never gray. */
  --surface-canvas:var(--color-cream-paper);
  --surface-card:var(--color-pure-white);
  --surface-warm-band:var(--color-burnt-orange);
  --surface-dark-band:var(--color-deep-indigo);

  /* Text */
  --text-body-color:var(--color-ink-black);
  --text-heading-color:var(--color-deep-indigo);
  --text-muted:rgba(0,0,0,.6);
  --text-on-dark:var(--color-pure-white);
  --text-on-warm:var(--color-pure-white);

  /* Actions — indigo is the ONLY filled button color */
  --action-primary-bg:var(--color-deep-indigo);
  --action-primary-fg:var(--color-pure-white);
  --action-primary-bg-hover:#1b3468;
  --action-secondary-border:var(--color-burnt-orange);
  --action-secondary-fg:var(--color-burnt-orange);
  --action-secondary-bg-hover:rgba(237,115,40,.08);
  --action-ghost-fg:var(--color-deep-indigo);

  /* Lines — the system separates with hairlines, not gray fills */
  --border-hairline:1px solid var(--color-ink-black);
  --border-hairline-color:var(--color-ink-black);
  --border-hairline-soft:rgba(0,0,0,.14);
  --stroke-illustration:var(--color-deep-indigo);
  --stroke-illustration-alt:var(--color-sky-blue);

  /* Decorative fills — organic blobs & illustration washes only */
  --decor-gold:var(--color-honey-gold);
  --decor-orange:var(--color-burnt-orange);
  --decor-sage:var(--color-mint-sage);
  --decor-sand:var(--color-warm-sand);
  --decor-sky:var(--color-sky-blue);

  /* Links */
  --link-color:var(--color-deep-indigo);
  --link-color-hover:var(--color-burnt-orange);
}