/**
 * SysKit.ru - Темы оформления (Темная и Светлая)
 * Тёплая кофейно-кремовая палитра с максимальной яркостью, контрастностью и идеальной читаемостью текста:
 * - Светлая: Чистый тёплый пергамент / слоновая кость (#FFFDF8 / #FAF6EC) + глубокий контрастный шоколадный текст (#14100C) + яркий кораллово-красный (#E53935)
 * - Тёмная: Глубокий тёплый эспрессо (#19140E / #231B13) + яркий контрастный кремово-белый текст (#FFFFFF / #F7EFE4) + сочный кораллово-красный (#FF4D4D)
 */

:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Roboto Mono', Menlo, Monaco, Consolas, monospace;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);
    --sidebar-width: 280px;
    --header-height: 64px;
}

/* ==========================================================================
   ТЁМНАЯ ТЕМА (Dark Espresso / Warm Chocolate) - Благородный кофейно-янтарный
   ========================================================================== */
[data-theme="dark"], :root:not([data-theme="light"]) {
    --bg-body: #17120D;               /* Глубокий тёмно-кофейный фон */
    --bg-surface: #221A12;            /* Сайдбар и шапка */
    --bg-surface-elevated: #2C2218;   /* Элементы управления / плашки */
    --bg-card: #261D15;               /* Карточки инструментов */
    --bg-card-hover: #33271D;         /* Ховер карточек */
    --bg-input: #140E09;              /* Инпуты */
    --bg-modal: rgba(23, 18, 13, 0.94);
    --bg-badge: rgba(229, 142, 58, 0.15);
    --bg-glass: rgba(34, 26, 18, 0.92);
    --hero-bg: #221A12;               /* Фоновый блок Hero */

    --border-color: rgba(255, 240, 220, 0.12);
    --border-card: rgba(255, 240, 220, 0.08);
    --border-hover: rgba(229, 142, 58, 0.5);
    --border-focus: #E58E3A;

    /* Текстовые цвета с высоким контрастом */
    --text-primary: #FFFFFF;          /* Заголовки и основной текст (100% белый) */
    --text-secondary: #EADBC8;        /* Описания и подзаголовки (светлый крем) */
    --text-muted: #B8A793;            /* Мелкие надписи и категории (чёткий беж) */
    --text-inverse: #17120D;

    /* Тёплый благородный янтарно-медный акцент (вместо агрессивного красного) */
    --primary: #E58E3A;
    --primary-hover: #F09B48;
    --primary-light: rgba(229, 142, 58, 0.15);
    --primary-glow: 0 0 20px rgba(229, 142, 58, 0.3);

    --accent: #E07A28;
    --accent-light: rgba(224, 122, 40, 0.15);

    --success: #48BB78;
    --success-bg: rgba(72, 187, 120, 0.16);
    --success-border: rgba(72, 187, 120, 0.35);

    --warning: #ED8936;
    --warning-bg: rgba(237, 137, 54, 0.16);
    --warning-border: rgba(237, 137, 54, 0.35);

    --danger: #FF4D4D;
    --danger-bg: rgba(255, 77, 77, 0.16);
    --danger-border: rgba(255, 77, 77, 0.35);

    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 14px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.6);
    --shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.45);

    --code-bg: #100C08;
    --scrollbar-thumb: #3D2F22;
    --scrollbar-hover: #544130;
}

/* ==========================================================================
   СВЕТЛАЯ ТЕМА (Light Cream / Warm Ivory) - Высокая яркость и контраст
   ========================================================================== */
[data-theme="light"] {
    --bg-body: #F7F3E9;               /* Чистый светлый тёплый пергамент */
    --bg-surface: #FFFFFF;            /* Белый сайдбар и шапка */
    --bg-surface-elevated: #EFE8D8;   /* Элементы управления / плашки */
    --bg-card: #FFFFFF;               /* Чистые контрастные белые карточки */
    --bg-card-hover: #FFF9EE;         /* Ховер карточек с тёплым подсветом */
    --bg-input: #FFFFFF;              /* Белые инпуты */
    --bg-modal: rgba(247, 243, 233, 0.94);
    --bg-badge: rgba(229, 57, 53, 0.10);
    --bg-glass: rgba(255, 255, 255, 0.92);
    --hero-bg: #EFE8D6;               /* Светлая тёплая подложка Hero */

    --border-color: #DFD5C0;
    --border-card: #E3D9C4;
    --border-hover: rgba(229, 57, 53, 0.55);
    --border-focus: #E53935;

    /* Текстовые цвета с максимальной чёткостью */
    --text-primary: #18130E;          /* Глубокий тёмный угольный цвет */
    --text-secondary: #403528;        /* Тёмно-коричневый графит */
    --text-muted: #6E5F4D;            /* Чёткий различимый подзаголовок */
    --text-inverse: #FFFFFF;

    /* Яркий чистый кораллово-красный */
    --primary: #E53935;
    --primary-hover: #D32F2F;
    --primary-light: rgba(229, 57, 53, 0.10);
    --primary-glow: 0 0 18px rgba(229, 57, 53, 0.22);

    --accent: #D97706;
    --accent-light: rgba(217, 119, 6, 0.10);

    --success: #2E7D32;
    --success-bg: rgba(46, 125, 50, 0.12);
    --success-border: rgba(46, 125, 50, 0.3);

    --warning: #C66900;
    --warning-bg: rgba(198, 105, 0, 0.12);
    --warning-border: rgba(198, 105, 0, 0.3);

    --danger: #E53935;
    --danger-bg: rgba(229, 57, 53, 0.12);
    --danger-border: rgba(229, 57, 53, 0.3);

    --shadow-sm: 0 1px 3px 0 rgba(24, 19, 14, 0.05);
    --shadow-md: 0 4px 10px -1px rgba(24, 19, 14, 0.08);
    --shadow-lg: 0 10px 22px -3px rgba(24, 19, 14, 0.10);
    --shadow-card: 0 2px 10px -1px rgba(24, 19, 14, 0.06);

    --code-bg: #EAE2D0;
    --scrollbar-thumb: #D5C9B3;
    --scrollbar-hover: #BFB096;
}