:root {
    /* === COLOR PALETTE: Deep City Lights === */
    /* Neutral / Surface */
    --bg-main: #F4F7F9;
    /* Светло-серый, "дорогая бумага" */
    --bg-card: #FFFFFF;
    --bg-dark: #0F172A;
    /* Slate 900 - для темных секций */

    /* Text */
    --text-primary: #0F172A;
    /* Почти черный */
    --text-secondary: #475569;
    /* Slate 600 */
    --text-muted: #94A3B8;
    /* Slate 400 */
    --text-inverse: #FFFFFF;

    /* Brand Actions */
    /* Brand Actions */
    --primary: #1361D6;
    /* Navy - основной бренд (Текст, Хедеры) */
    --accent: #FF522A;
    /* Orange - Новый Акцент (Кнопки, Важное) */
    --accent-hover: #FF522A;
    /* Darker Orange - Ховер */
    --secondary-accent: #2563EB;
    /* Royal Blue - Вторичный (Иконки доверия) */
    --secondary-accent-light: #EFF6FF;
    /* Blue Light - Подложки */
    --success: #10B981;
    /* Зеленый - Статусы */

    /* === TYPOGRAPHY === */
    /* === TYPOGRAPHY === */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Montserrat', sans-serif;

    --h1: 800 3.5rem/1.1 var(--font-heading);
    /* 56px */
    --h2: 700 2.5rem/1.2 var(--font-heading);
    /* 40px */
    --h3: 600 1.75rem/1.3 var(--font-heading);
    /* 28px */
    --body-lg: 400 1.125rem/1.6 var(--font-body);
    /* 18px */
    --body-base: 400 1rem/1.6 var(--font-body);
    /* 16px */

    /* === SHAPES & EFFECTS === */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    /* Основной радиус для Bento */
    --radius-full: 5px;

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-card: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-hover: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-glow: 0 0 20px rgba(249, 115, 22, 0.3);
    /* Оранжевое свечение */

    /* === ANIMATION === */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Support (Future Proofing) */
@media (prefers-color-scheme: dark) {
    /* :root {
        --bg-main: #020617;
        --bg-card: #1E293B;
        --text-primary: #F8FAFC;
    } */
}