/* VED shared design tokens. Legacy names remain as aliases for current pages. */
:root {
  --color-forest: #4B286D;
  --color-forest-dark: #321947;
  --color-green: #7451A3;
  --color-gold: #D9B66F;
  --color-background: #FCFAF7;
  --color-background-deep: #F2ECF7;
  --color-warm-gray: #F2F0F3;
  --color-surface: #FFFFFF;
  --color-text: #25212B;
  --color-muted: #625B68;
  --color-sage: #C5B2DC;
  --color-border: #E3DDE8;
  --color-purple-950: #241333;
  --color-purple-900: #321947;
  --color-purple-800: #4B286D;
  --color-purple-700: #603887;
  --color-purple-600: #7451A3;
  --color-purple-500: #8D70B7;
  --color-purple-300: #C5B2DC;
  --color-purple-200: #DDD0EB;
  --color-purple-100: #F2ECF7;
  --color-purple-50: #FAF7FC;
  --color-purple-deep: var(--color-purple-950);
  --color-purple-soft: var(--color-purple-500);
  --color-lavender-mid: var(--color-purple-300);
  --color-lavender-soft: var(--color-purple-200);
  --color-ved-green: #168B43;
  --color-forest-accent: #245436;
  --color-ved-yellow: #FFC928;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-section: clamp(4.5rem, 7vw, 7.5rem);
  --space-gutter: clamp(1.5rem, 5vw, 5rem);
  --container-width: 1440px;
  --container-wide: 1800px;
  --container-narrow: 66ch;
  --radius-control: 2px;
  --shadow-menu: 0 18px 42px rgba(37, 33, 43, .12);

  --paper: var(--color-background);
  --paper-deep: var(--color-background-deep);
  --white: var(--color-surface);
  --ink: var(--color-text);
  --forest: var(--color-forest);
  --forest-dark: var(--color-forest-dark);
  --green: var(--color-green);
  --gold: var(--color-gold);
  --sage: var(--color-sage);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --display: var(--font-display);
  --body: var(--font-body);
  --gutter: var(--space-gutter);
  --content-max: var(--container-width);
  --text-measure: var(--container-narrow);

  /* Design System tokens are global so shared patterns can be used outside the showcase. */
  --ds-forest: var(--forest-dark, #4B286D);
  --ds-ink: var(--ink, #25212B);
  --ds-muted: var(--muted, #625B68);
  --ds-line: var(--line, #E3DDE8);
  --ds-paper: var(--paper, #FCFAF7);
  --ds-white: var(--white, #FFFFFF);
  --ds-gutter: clamp(1.25rem, 6vw, 6.5rem);
}