:root {
  /* ── TYPOGRAPHY ───────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;

  /* Scale */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  clamp(1.75rem, 3.5vw, 2.75rem);
  --fs-4xl:  clamp(2.25rem, 4.5vw, 3.75rem);
  --fs-hero: clamp(2.75rem, 5.5vw, 5rem);

  /* Weights */
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* Line Heights */
  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-base:    1.6;
  --lh-relaxed: 1.75;

  /* Letter Spacing */
  --ls-tight:  -0.03em;
  --ls-snug:   -0.015em;
  --ls-normal:  0;
  --ls-wide:    0.06em;
  --ls-wider:   0.12em;

  /* ── SPACING ──────────────────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;
  --section-gap: clamp(4.5rem, 9vw, 8rem);

  /* ── BORDER RADIUS — Luxury: sharp, restrained ────────────── */
  --r-sm:   2px;
  --r-md:   4px;
  --r-lg:   8px;
  --r-xl:   12px;
  --r-full: 9999px;

  /* ── SHADOWS — Luxury: minimal, border-led hierarchy ─────── */
  --shadow-sm:    0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md:    0 2px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg:    0 8px 40px rgba(0, 0, 0, 0.7);
  --shadow-brand: 0 4px 24px rgba(200, 169, 110, 0.18);

  /* ── TRANSITIONS ──────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --t-base: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --t-slow: 480ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ── LAYOUT ───────────────────────────────────────────────── */
  --max-w:      1200px;
  --max-w-text: 640px;
  --max-w-sm:   480px;
  --gutter: clamp(1.25rem, 5vw, 3rem);

  /* ── COLORS — Dark-first warm luxury ─────────────────────── */

  /* Backgrounds — four distinct warm-dark values */
  --c-bg:      #1A1714;
  --c-bg-2:    #221E1A;
  --c-bg-3:    #2C2723;
  --c-surface: #332E29;
  --c-dark:    #0F0D0B;
  --c-dark-2:  #1A1714;

  /* Brand — warm champagne gold (not blue, derived from luxury + warmth) */
  --c-brand:      #C8A96E;
  --c-brand-2:    #B8954A;
  --c-brand-3:    #E5D09A;
  --c-brand-soft: rgba(200, 169, 110, 0.10);
  --c-brand-mid:  rgba(200, 169, 110, 0.28);

  /* Accent — warm ivory */
  --c-accent:   #F2EDE4;
  --c-accent-2: #DDD5C8;

  /* Text */
  --c-text:       #F2EDE4;
  --c-text-2:     #C4B9AA;
  --c-text-3:     #8A7E72;
  --c-text-inv:   #1A1714;
  --c-text-brand: #C8A96E;

  /* Borders */
  --c-border:   rgba(242, 237, 228, 0.08);
  --c-border-2: rgba(242, 237, 228, 0.15);

  /* Status */
  --c-success:    #6DBE9A;
  --c-success-bg: rgba(109, 190, 154, 0.10);
  --c-error:      #E07070;
  --c-error-bg:   rgba(224, 112, 112, 0.10);
}