:root {
    /* Colors - warm cream palette */
    --color-bg: #fbf7f0;
    --color-bg-secondary: #f7efe3;
    --color-bg-card: #fffdf9;
    --color-bg-header: rgba(251, 247, 240, 0.97);

    --color-gold: #bd8b2c;
    --color-gold-light: #c9a04a;
    --color-gold-dark: #9c7021;
    --color-gold-muted: rgba(189, 139, 44, 0.10);

    --color-text: #201c17;
    --color-text-secondary: #696158;
    --color-text-muted: #9a9088;
    --color-text-light: #b0a898;

    --color-border: rgba(176, 130, 55, 0.20);
    --color-border-light: rgba(176, 130, 55, 0.12);
    --color-border-card: rgba(176, 130, 55, 0.15);

    --color-white: #ffffff;
    --color-heart: #c47a6c;

    /* Typography */
    --font-serif: 'Playfair Display', 'Georgia', serif;
    --font-script: 'Dancing Script', 'Great Vibes', cursive;
    --font-sans: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-classic: 'Cormorant Garamond', 'Georgia', serif;
    --font-letter: 'Lora', 'Georgia', serif;
    --font-note: 'Caveat', 'Dancing Script', cursive;

    --fs-hero: clamp(52px, 4vw, 76px);
    --fs-hero-script: clamp(48px, 4vw, 72px);
    --fs-h2: clamp(1.5rem, 2.2vw, 1.875rem);
    --fs-h3: 1.0625rem;
    --fs-body: 0.9375rem;
    --fs-small: 0.8125rem;
    --fs-nav: 0.875rem;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    /* Border Radius */
    --radius-small: 6px;
    --radius-medium: 14px;
    --radius-large: 18px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-soft: 0 2px 12px rgba(44, 36, 24, 0.05);
    --shadow-card: 0 1px 8px rgba(44, 36, 24, 0.04);
    --shadow-card-hover: 0 6px 24px rgba(44, 36, 24, 0.09);
    --shadow-button: 0 4px 16px rgba(189, 139, 44, 0.22);

    /* Container */
    --container-width: 1400px;
    --container-padding: 2rem;

    /* Header */
    --header-height: 68px;

    /* Transitions */
    --transition-fast: 200ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;

    /* Breakpoints */
    --bp-xl: 1440px;
    --bp-lg: 1280px;
    --bp-md: 1024px;
    --bp-sm: 768px;
    --bp-xs: 480px;
}