:root {
  /* v1.0.1 */
  --color-purple-700: #2c1c4c;
  --color-purple-900: #1b112e;
  --color-night: #12091c;
  --color-night-deep: #0c0714;
  --color-cream-100: #f6f3ec;
  --color-ivory: #f3efe6;
  --color-white: #ffffff;
  --color-body-700: #3d3550;
  --color-body-500: #6b6578;
  --color-line: #e4ddd2;
  --color-gold: #c4a265;
  --color-gold-soft: #d4bc8a;
  --color-lilac: #cbb6ef;

  --font-sans: "Manrope", Helvetica, Arial, sans-serif;
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  --radius-sm: 2px;
  --radius: 2px;
  --wrap: 1180px;

  --shadow-sm: 0 1px 2px rgba(44, 28, 76, 0.06);
  --shadow-md: 0 12px 32px rgba(44, 28, 76, 0.1);
  --shadow-lg: 0 28px 64px rgba(12, 6, 24, 0.38);

  --primary-color: var(--color-purple-700);
  --hover-color: var(--color-purple-900);
  --link-color: var(--primary-color);

  --color-primary: var(--primary-color);
  --color-primary-hover: var(--hover-color);
  --color-on-primary: var(--color-white);
  --color-background: var(--color-white);
  --color-foreground: var(--primary-color);
  --color-body: var(--color-body-700);
  --color-muted: var(--color-cream-100);
  --color-muted-foreground: var(--color-body-500);
  --color-border: var(--color-line);
  --color-card: var(--color-white);
  --color-ring: var(--color-gold);

  --button-bg: var(--color-primary);
  --button-bg-hover: var(--color-primary-hover);
  --button-fg: var(--color-on-primary);
  --button-height: 58px;
  --button-radius: var(--radius);
  --button-font-size: 13px;
  --header-height: 84px;

  --type-kicker-size: 11px;
  --type-kicker-tracking: 0.24em;
  --type-kicker-line: 36px;
  --type-kicker-gap: 14px;
  --type-kicker-mb: 16px;
  --type-kicker-dark: var(--color-gold-soft);
  --type-kicker-light: var(--color-primary);

  --type-h1: clamp(36px, 4.8vw, 60px);
  --type-h2: clamp(32px, 4vw, 52px);
  --type-h3: clamp(24px, 2.4vw, 32px);
  --type-h1-mobile: clamp(28px, 7.2vw, 38px);
  --type-h2-mobile: clamp(28px, 6.4vw, 38px);
  --type-h3-mobile: clamp(22px, 5vw, 28px);

  --type-lead: 17px;
  --type-lead-lh: 1.55;
  --type-lead-dark: rgba(255, 255, 255, 0.82);
  --type-lead-light: var(--color-body);
  --type-heading-dark: #fff;
  --type-heading-light: var(--color-primary);

  --parallax-speed-bg: 0.32;
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-blur: 22px;
  --ease-luxe: cubic-bezier(0.22, 1, 0.36, 1);
}