:root {
    --color-bg: #F6F2F8;
    --color-bg-alt: #FFFFFF;
    --color-surface: #FFFFFF;
    --color-surface-hover: #F1ECF6;

    --color-border: #E1D8EA;
    --color-border-strong: #D2C5DE;
    --color-border-dark: #46365D;

    --color-ink: #251934;
    --color-ink-muted: #4B4358;
    --color-ink-light: #6A6274;

    --color-text-inv: #FFFFFF;
    --color-text-inv-muted: #DCD4E8;

    --color-primary: #7357AA;
    --color-primary-hover: #63479C;
    --color-primary-soft: #E9E1F3;
    --color-secondary: #9B84C3;

    --color-status-neutral-bg: #F3F0F6;
    --color-status-neutral-text: #4B4358;
    --color-status-warm-bg: #F8EFE8;
    --color-status-warm-text: #83512C;
    --color-status-warm-border: #E8D3C2;
    --color-status-cool-bg: #EDF2F4;
    --color-status-cool-text: #365D68;
    --color-status-cool-border: #D6E1E5;
    --color-status-ready-bg: #F0EAF5;
    --color-status-ready-text: #604286;
    --color-status-ready-border: #DED2EA;

    --color-bg-dark: #2A183F;

    --shadow-sm: 0 1px 2px rgba(37, 25, 52, 0.05);
    --shadow-md: 0 2px 8px rgba(37, 25, 52, 0.08);
    --shadow-lg: 0 6px 14px rgba(37, 25, 52, 0.1);

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;

    --max-width: 1100px;

    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;

    --gradient-accent: linear-gradient(135deg, var(--color-primary), #8C76B6);
    --color-surface-warm: #FAF8FC;
    --focus-ring: 0 0 0 3px rgba(115, 87, 170, 0.28);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-md: 0.22s;
    --glow-sm: none;
    --glow-md: none;
    --section-gap: 4.5rem;
}

@media (max-width: 860px) {
    :root { --section-gap: 3rem; }
}