/* ===========================
   CSS-переменные тем
   =========================== */

:root {
    --transition-theme: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

/* ── Светлая тема ── */
[data-theme="light"] {
    --bg-primary:      #FFFFFF;
    --bg-secondary:    #F4F7F2;
    --bg-tertiary:     #E8EDE6;
    --bg-card:         #FFFFFF;
    --bg-card-hover:   #F0F5EE;
    --bg-nav:          rgba(255, 255, 255, 0.92);
    --bg-overlay:      rgba(255, 255, 255, 0.96);
    --bg-code:         #F0F4EE;

    --text-primary:    #1C2B1A;
    --text-secondary:  #4A6045;
    --text-muted:      #7A9475;
    --text-inverse:    #FFFFFF;

    --accent-primary:  #1A4731;
    --accent-hover:    #0F3020;
    --accent-light:    #D4E8D0;
    --accent-glow:     rgba(26, 71, 49, 0.15);

    --border-color:    #D8E8D4;
    --border-focus:    #1A4731;

    --shadow-sm:       0 1px 3px rgba(26, 71, 49, 0.08);
    --shadow-md:       0 4px 16px rgba(26, 71, 49, 0.12);
    --shadow-lg:       0 8px 32px rgba(26, 71, 49, 0.16);
    --shadow-glow:     0 0 24px rgba(26, 71, 49, 0.2);

    --gradient-hero:   linear-gradient(135deg, #1A4731 0%, #2D6A4F 50%, #40916C 100%);
    --gradient-card:   linear-gradient(135deg, #F4F7F2 0%, #E8EDE6 100%);
    --gradient-accent: linear-gradient(135deg, #1A4731, #40916C);

    --status-success:  #16A34A;
    --status-error:    #DC2626;
    --status-warning:  #D97706;
    --status-info:     #2563EB;

    --scrollbar-track: #E8EDE6;
    --scrollbar-thumb: #4A6045;
}

/* ── Тёмная тема ── */
[data-theme="dark"] {
    --bg-primary:      #0A0F0A;
    --bg-secondary:    #111A11;
    --bg-tertiary:     #1A2B1A;
    --bg-card:         #131F13;
    --bg-card-hover:   #1C2E1C;
    --bg-nav:          rgba(10, 15, 10, 0.92);
    --bg-overlay:      rgba(10, 15, 10, 0.97);
    --bg-code:         #0D180D;

    --text-primary:    #E8F5E9;
    --text-secondary:  #A5D6A7;
    --text-muted:      #66BB6A;
    --text-inverse:    #0A0F0A;

    --accent-primary:  #22C55E;
    --accent-hover:    #16A34A;
    --accent-light:    #14532D;
    --accent-glow:     rgba(34, 197, 94, 0.2);

    --border-color:    #1E3A1E;
    --border-focus:    #22C55E;

    --shadow-sm:       0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md:       0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg:       0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-glow:     0 0 32px rgba(34, 197, 94, 0.25);

    --gradient-hero:   linear-gradient(135deg, #0A0F0A 0%, #0D1F0D 50%, #111A11 100%);
    --gradient-card:   linear-gradient(135deg, #131F13 0%, #1A2B1A 100%);
    --gradient-accent: linear-gradient(135deg, #22C55E, #16A34A);

    --status-success:  #22C55E;
    --status-error:    #EF4444;
    --status-warning:  #F59E0B;
    --status-info:     #3B82F6;

    --scrollbar-track: #111A11;
    --scrollbar-thumb: #22C55E;
}

/* ── Скроллбар ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { opacity: 0.8; }