/**
 * Chitacle CSS Variables
 * Единый источник истины для цветов, шрифтов и теней
 */

:root {
    /* Colors - Brand */
    --primary-color: #431d28;
    --secondary-color: #8b4357;
    --accent-gold: #d4af37;

    /* Colors - Text */
    --text-dark: #2c1810;
    --text-light: #f9f5f7;

    /* Colors - Background */
    --bg-dark: #1a1a1a;
    --bg-cream: #f9f5f7;
    --bg-white: #ffffff;

    /* Colors - Status */
    --color-success: #080;
    --color-success-bg: #efe;
    --color-error: #c00;
    --color-error-bg: #fee;
    --color-telegram: #0088cc;
    --color-telegram-hover: #006699;

    /* Typography */
    --font-primary: 'Inter', sans-serif;
    --font-display: 'Cormorant Garamond', serif;

    /* Shadows */
    --shadow: 0 4px 20px rgba(67, 29, 40, 0.15);
    --shadow-lg: 0 20px 60px rgba(67, 29, 40, 0.15);
    --shadow-btn: 0 10px 30px rgba(139, 67, 87, 0.3);
    --shadow-btn-hover: 0 15px 50px rgba(139, 67, 87, 0.4);

    /* Border Radius */
    --radius-sm: 10px;
    --radius-md: 15px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 50px;

    /* Transitions */
    --transition: all 0.3s ease;
    --transition-fast: all 0.2s ease;
    --transition-slow: all 0.4s ease;

    /* Spacing */
    --space-xs: 8px;
    --space-sm: 15px;
    --space-md: 20px;
    --space-lg: 30px;
    --space-xl: 40px;
    --space-xxl: 60px;
}

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}