/* Design tokens. Values only — no rules. */

:root {
  /* colours */
  --ground: #fbf6f1;
  --ground-raised: #ffffff;
  --ink: #4a3b36;
  --ink-soft: #8a7770;
  --blush: #c58b8b;
  --blush-soft: #e8cfcb;
  --blush-wash: #f6e9e6;
  --gold: #b99a6b;
  --green: #7d9a76;
  --shadow: rgba(74, 59, 54, 0.14);

  /* typography */
  --font-display: "Cormorant Garamond", Didot, Baskerville, Georgia, serif;
  --font-script: "Petit Formal Script", "Snell Roundhand", cursive;
  --font-ui: "Cormorant Garamond", Georgia, serif;

  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-md: 1.125rem;
  --font-lg: 1.375rem;
  --font-xl: 1.75rem;
  --font-2xl: 2.25rem;
  --font-3xl: 3rem;

  /* spacing scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 3rem;

  /* radii */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* layers */
  --z-bow: 10;
  --z-bar: 20;

  /* motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 260ms;

  /* layout */
  --stage-max: 60rem;
}