:root {
  --yoko-purple-700: #702587;
  --yoko-purple-800: #53156a;
  --yoko-purple-500: #8b4bb0;
  --yoko-purple-300: #c7a5df;
  --yoko-lavender-100: #f5eefb;
  --yoko-lavender-050: #fbf8fe;
  --yoko-pink-100: #fff0f6;
  --yoko-mint-100: #ecfaf3;
  --yoko-yellow-100: #fff5d9;
  --yoko-text-900: #202033;
  --yoko-text-700: #4c4859;
  --yoko-text-500: #7c7688;
  --yoko-primary: #702587;
  --yoko-primary-dark: #4d1767;
  --yoko-primary-hover: #5d1d77;
  --yoko-primary-bright: #8f35ad;
  --yoko-primary-soft: #f7f0fb;
  --yoko-primary-soft-2: #efe1f7;
  --yoko-pink: #e8397b;
  --yoko-yellow: #ffd326;
  --yoko-success: #218739;
  --yoko-warning: #f29d21;
  --yoko-error: #c62828;
  --yoko-heading: #18213a;
  --yoko-text: #34303b;
  --yoko-muted: #6f6874;
  --yoko-caption: #817986;
  --yoko-line: #e7dff0;
  --yoko-line-strong: #d9c9e4;
  --yoko-surface: #fbf8fd;
  --yoko-surface-strong: #f4ebf9;
  --yoko-white: #fff;
  --yoko-black: #17121a;
  --yoko-font: "Be Vietnam Pro", Arial, sans-serif;
  --yoko-script-font: "Be Vietnam Pro", Arial, sans-serif;
  --yoko-copy-desktop: 16px;
  --yoko-copy-mobile: 15px;
  --yoko-copy-small: 15px;
  --yoko-copy-caption: 14px;
  --yoko-heading-1: clamp(48px, 4vw, 64px);
  --yoko-heading-2: clamp(30px, 3vw, 44px);
  --yoko-heading-3: clamp(22px, 2vw, 30px);
  --yoko-heading-4: clamp(18px, 1.4vw, 22px);
  --yoko-font-weight-body: 400;
  --yoko-font-weight-medium: 500;
  --yoko-font-weight-semibold: 600;
  --yoko-font-weight-heading: 700;
  --yoko-line-body: 1.65;
  --yoko-letter-tight: -.025em;
  --yoko-content-max: 1440px;
  --yoko-reading-max: 920px;
  --yoko-page-gutter: clamp(16px, 4vw, 64px);
  --yoko-section-space: clamp(56px, 6vw, 96px);
  --yoko-grid-gap: clamp(18px, 2vw, 30px);
  --yoko-radius-xs: 8px;
  --yoko-radius-sm: 12px;
  --yoko-radius-md: 18px;
  --yoko-radius-lg: 24px;
  --yoko-radius-pill: 999px;
  --yoko-control-height: 54px;
  --yoko-shadow-sm: 0 7px 24px rgb(56 30 69 / 7%);
  --yoko-shadow-md: 0 16px 42px rgb(56 30 69 / 11%);
  --yoko-focus-ring: 0 0 0 4px rgb(112 37 135 / 15%);
  --yoko-transition: 180ms ease;
}

@media (max-width: 767px) {
  :root {
    --yoko-page-gutter: 16px;
    --yoko-section-space: 48px;
    --yoko-grid-gap: 16px;
    --yoko-control-height: 52px;
  }
}

/* Compatibility aliases used by the preserved v3.2 template markup. */
:root {
  --yoko-border: var(--yoko-line);
  --yoko-bg-soft: var(--yoko-surface);
  --yoko-accent: var(--yoko-primary);
  --yoko-accent-dark: var(--yoko-primary-dark);
}