/* ========================================
   CSS VARIABLES — "Стальной агро"
   Primary: #1B3A6B  |  Accent/Gold: #C9A84C
======================================== */
:root {
    /* ── Основные цвета ── */
    --primary-color:      #1B3A6B;
    --primary-light:      #2A5298;
    --primary-dark:       #0F2347;
    --secondary-color:    #C9A84C;
    --accent-color:       #C9A84C;
    --accent-light:       #E8C060;
    --accent-dark:        #A8882E;

    /* ── Текст ── */
    --text-primary:       #1A1A2E;
    --text-dark:          #1A1A2E;
    --text-secondary:     #4A4A6A;
    --text-muted:         #7A7A9A;
    --text-light:         #B0B0C8;
    --text-on-dark:       #FFFFFF;
    --text-on-accent:     #0F2347;

    /* ── Фоны ── */
    --background-main:    #F4F6FB;
    --background-white:   #FFFFFF;
    --background-dark:    #0F1E3D;
    --background-darker:  #0A1628;
    --background-section: #0F1E3D;

    /* ── Статусы ── */
    --success-color:      #2E7D32;
    --warning-color:      #C9A84C;
    --error-color:        #C62828;

    /* ── Границы ── */
    --border-color:       rgba(27, 58, 107, 0.15);
    --border-light:       rgba(27, 58, 107, 0.08);
    --border-dark:        rgba(255, 255, 255, 0.12);

    /* ── Тени ── */
    --shadow-light:       0 4px 20px rgba(27, 58, 107, 0.08);
    --shadow-medium:      0 8px 32px rgba(27, 58, 107, 0.12);
    --shadow-heavy:       0 16px 48px rgba(27, 58, 107, 0.22);
    --shadow-gold:        0 6px 24px rgba(201, 168, 76, 0.4);

    /* ── Высота хедера ── */
    --header-topbar-height: 36px;
    --header-main-height:   72px;
    --header-total-height:  108px; /* topbar + header */
    --btn-primary-bg:           linear-gradient(135deg, var(--accent-color), var(--accent-light));
    --btn-primary-hover-bg:     linear-gradient(135deg, var(--primary-color), var(--primary-light));
    --btn-primary-text:         var(--primary-dark);
    --btn-primary-hover-text:   #FFFFFF;
    --btn-primary-shadow:       0 4px 18px rgba(201, 168, 76, 0.4);
    --btn-primary-hover-shadow: 0 8px 28px rgba(27, 58, 107, 0.45);

    --btn-outline-color:      var(--primary-color);
    --btn-outline-border:     var(--primary-color);
    --btn-outline-hover-bg:   var(--primary-color);
    --btn-outline-hover-text: #FFFFFF;

    --btn-ghost-color:        var(--text-on-dark);
    --btn-ghost-border:       rgba(255, 255, 255, 0.5);
    --btn-ghost-hover-bg:     rgba(255, 255, 255, 0.15);

    /* ── Типографика ── */
    --font-primary:  'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading:  'Oswald', 'Impact', 'Arial Black', sans-serif;

    /* ── Отступы ── */
    --section-padding:    48px 0;
    --container-padding:  0 20px;
    --border-radius:      12px;
    --border-radius-lg:   20px;
    --border-radius-xl:   28px;
    --border-radius-large: 20px;

    /* ── Переходы ── */
    --transition-fast:    0.18s ease;
    --transition-normal:  0.28s ease;
    --transition-slow:    0.5s ease;
}