:root {
    color-scheme: light;
    --color-bg: #FBFAF8;
    --color-text: #504E4A;
    --color-primary: #B99CCB;
    --color-primary-dark: #9F85B3;
    --color-surface: #FFFFFF;
    --color-muted: #7B7772;
    --color-border: rgba(80, 78, 74, 0.12);
    --color-border-strong: rgba(80, 78, 74, 0.28);
    --color-surface-soft: rgba(185, 156, 203, 0.08);
    --font-sans: "Inter", "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Cormorant Garamond", "Georgia", serif;
    --transition-fast: 250ms ease;
    --shadow-soft: 0 28px 80px rgba(80, 78, 74, 0.08);
    --max-width: 1400px;
    --space-xxs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1.25rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --space-xl: 4.5rem;
    --space-xxl: 6rem;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        scroll-behavior: auto;
        motion-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}