:root {
    /* Бордо — основна */
    --color-bordo-900: #5C0F1A;
    --color-bordo-800: #6F1320;
    --color-bordo-700: #8B1E2D;
    --color-bordo-600: #A82A3C;
    --color-bordo-500: #C8324A;

    /* Ваніль — фонова */
    --color-vanilla-50:  #FDF8EC;
    --color-vanilla-100: #FAF3E3;
    --color-vanilla-200: #F5E9D7;
    --color-vanilla-300: #ECDCBE;
    --color-vanilla-400: #DEC9A0;

    /* Золото — акцент */
    --color-gold-500: #C9A961;
    --color-gold-600: #B5934A;

    /* Допоміжні */
    --color-success: #2E7D5B;
    --color-warning: #C9A961;
    --color-danger:  #B91C2C;
    --color-text:    #2A1A1F;
    --color-text-muted: #6B5860;

    /* Скло */
    --glass-bg: rgba(255, 250, 240, 0.55);
    --glass-bg-strong: rgba(255, 250, 240, 0.78);
    --glass-border: rgba(139, 30, 45, 0.18);
    --glass-blur: 18px;
    --glass-shadow: 0 8px 32px rgba(92, 15, 26, 0.12);
    --glass-shadow-hover: 0 16px 48px rgba(92, 15, 26, 0.22);

    /* Радіуси */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;

    /* Тіні */
    --shadow-soft: 0 4px 16px rgba(92, 15, 26, 0.08);
    --shadow-medium: 0 8px 28px rgba(92, 15, 26, 0.16);

    /* Анімації */
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 180ms;
    --duration-base: 320ms;
    --duration-slow: 600ms;

    /* Типографіка */
    --font-display: 'Georgia', 'Times New Roman', serif;
    --font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
}