:root {
    color-scheme: light;

    --color-canvas: #f8f5f0;
    --color-canvas-strong: #eee6dc;
    --color-surface: rgba(250, 247, 242, 0.88);
    --color-surface-solid: #fffdf9;
    --color-surface-strong: rgba(243, 237, 229, 0.96);
    --color-border: rgba(73, 61, 51, 0.12);
    --color-border-strong: rgba(73, 61, 51, 0.22);
    --color-text: #2e2925;
    --color-text-soft: #746b63;
    --color-text-faint: #9b8f85;
    --color-accent: #9b6f4e;
    --color-accent-soft: #ead9ca;
    --color-accent-strong: #6f4c35;
    --color-area-glow: rgba(181, 138, 99, 0.18);
    --color-success: #58705c;
    --color-warm: #b58a63;

    --glass-blur: 18px;
    --glass-saturation: 160%;

    --shadow-ambient: 0 16px 40px rgba(52, 44, 36, 0.08);
    --shadow-floating: 0 24px 60px rgba(52, 44, 36, 0.11);
    --shadow-soft: 0 8px 20px rgba(52, 44, 36, 0.07);

    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --radius-pill: 999px;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    --font-sans: "Inter", "SF Pro Display", "Segoe UI", sans-serif;
    --font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
    --font-mono: "SFMono-Regular", Consolas, monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.35rem;
    --text-2xl: 1.8rem;
    --text-3xl: clamp(2.4rem, 5vw, 4.75rem);

    --leading-tight: 1.05;
    --leading-normal: 1.55;
    --leading-loose: 1.75;

    --duration-fast: 160ms;
    --duration-base: 240ms;
    --duration-slow: 420ms;
    --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-gentle: cubic-bezier(0.22, 1, 0.36, 1);

    --z-base: 1;
    --z-overlay: 20;
    --z-modal: 40;
    --z-toast: 60;
}