/* ============================================
   AMPERA GROUP — брендкит-оверрайд для SPA
   (конфигуратор, калькулятор). Подключать ПОСЛЕ styles.css.
   Переопределяет только переменные :root — логика и
   DOM-структура SPA не затрагиваются.
   Красный = цвет логотипа #D4201F (решение 07.2026).
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* Бренд */
    --ampera-red: #D4201F;
    --ampera-red-dark: #A81816;
    --ampera-red-light: #D4201F;
    --gradient-red: linear-gradient(135deg, #D4201F, #D4201F);

    /* Фоны — без glassmorphism */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F5F5;
    --bg-tertiary: #e5e5e5;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FFFFFF;
    --bg-input-solid: #FFFFFF;
    --bg-input: rgba(0, 0, 0, 0.03);
    --bg-input-focus: rgba(0, 0, 0, 0.05);

    --glass-bg: #FFFFFF;
    --glass-border: #e5e5e5;
    --glass-blur: 0px;
    --glass-shadow: 0 1px 2px rgba(26, 26, 26, 0.06), 0 1px 1px rgba(26, 26, 26, 0.04);

    /* Границы */
    --border: #e5e5e5;
    --border-hover: #cccccc;
    --border-focus: rgba(212, 32, 31, 0.4);
    --table-border: #e5e5e5;

    /* Текст */
    --text-primary: #1A1A1A;
    --text-secondary: #666666;
    --text-dim: #999999;
    --text-muted: #999999;

    /* Акцент */
    --accent: #D4201F;
    --accent-light: #D4201F;
    --accent-dark: #A81816;
    --active-color: #D4201F;
    --accent-glow: rgba(212, 32, 31, 0.08);
    --accent-soft: rgba(212, 32, 31, 0.04);

    /* Код (P/N, T/C) */
    --code-bg: #1A1A1A;
    --code-color: #EF9A9A;

    /* Тени */
    --shadow-card: 0 1px 2px rgba(26, 26, 26, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03);
    --shadow-elevated: 0 4px 12px rgba(26, 26, 26, 0.08);

    /* Кнопки — плоский красный вместо градиента */
    --btn-gradient: linear-gradient(135deg, #D4201F, #D4201F);
    --btn-hover: linear-gradient(135deg, #A81816, #A81816);
    --btn-shadow: 0 4px 16px rgba(212, 32, 31, 0.25);
    --btn-shadow-hover: 0 8px 24px rgba(212, 32, 31, 0.32);

    /* Типографика: заголовки Montserrat, mono для кодов остаётся */
    --font-display: 'Montserrat', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Roboto Mono', monospace;

    /* Радиусы: индустриальная шкала */
    --radius-sm: 4px;
    --radius: 8px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 12px;
}