/* ═════════════════════════════════════════════════════════════════
   MesGam OBHOD — глобальная тема (CSS-переменные)
   Стиль идентичен MesGam: тёмная по умолчанию + красный акцент
   ═════════════════════════════════════════════════════════════════ */

:root {
    /* ── Тёмная тема (по умолчанию) ────────────────────────────── */
    --bg-primary:     #0d0d0f;
    --bg-secondary:   #16161a;
    --bg-tertiary:    #1d1d22;
    --bg-elevated:    #232329;

    --text-primary:   #f1f1f4;
    --text-secondary: #b8b8c0;
    --text-muted:     #6e6e78;

    --border:         #28282f;
    --border-light:   #34343d;

    --accent:         #c8302c;   /* MesGam-красный */
    --accent-hover:   #e03b36;
    --accent-soft:    rgba(200,48,44,0.15);
    --accent-glow:    rgba(200,48,44,0.45);

    --danger:         #d9534f;
    --success:        #28a745;
    --warning:        #f0a04b;

    --shadow-sm: 0 2px 6px rgba(0,0,0,0.3);
    --shadow-md: 0 6px 18px rgba(0,0,0,0.4);
    --shadow-lg: 0 14px 40px rgba(0,0,0,0.55);

    --radius-sm: 8px;
    --radius:    12px;
    --radius-lg: 18px;

    --font-base: 16px;
    --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, "Noto Sans", sans-serif,
                  "Apple Color Emoji", "Segoe UI Emoji";
}

/* ── Светлая тема ──────────────────────────────────────────────── */
html[data-theme="light"] {
    --bg-primary:     #f5f5f7;
    --bg-secondary:   #ffffff;
    --bg-tertiary:    #ececf1;
    --bg-elevated:    #ffffff;

    --text-primary:   #1a1a1c;
    --text-secondary: #4a4a55;
    --text-muted:     #888893;

    --border:         #d8d8de;
    --border-light:   #e8e8ee;

    --accent:         #c8302c;
    --accent-hover:   #a52723;
    --accent-soft:    rgba(200,48,44,0.10);
    --accent-glow:    rgba(200,48,44,0.30);

    --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
    --shadow-md: 0 6px 18px rgba(0,0,0,0.10);
    --shadow-lg: 0 14px 40px rgba(0,0,0,0.18);
}

/* ── Цветовые схемы (через data-color) ─────────────────────────── */
html[data-color="red"]    { --accent:#c8302c; --accent-hover:#e03b36; --accent-soft:rgba(200,48,44,0.15); --accent-glow:rgba(200,48,44,0.45); }
html[data-color="orange"] { --accent:#e07b1a; --accent-hover:#f08a2a; --accent-soft:rgba(224,123,26,0.15); --accent-glow:rgba(224,123,26,0.45); }
html[data-color="amber"]  { --accent:#d9a441; --accent-hover:#e8b450; --accent-soft:rgba(217,164,65,0.15); --accent-glow:rgba(217,164,65,0.45); }
html[data-color="green"]  { --accent:#3fa15a; --accent-hover:#4fb56b; --accent-soft:rgba(63,161,90,0.15); --accent-glow:rgba(63,161,90,0.45); }
html[data-color="teal"]   { --accent:#1f9c8e; --accent-hover:#2cb1a2; --accent-soft:rgba(31,156,142,0.15); --accent-glow:rgba(31,156,142,0.45); }
html[data-color="blue"]   { --accent:#3a82e0; --accent-hover:#4a92f0; --accent-soft:rgba(58,130,224,0.15); --accent-glow:rgba(58,130,224,0.45); }
html[data-color="indigo"] { --accent:#5b5be0; --accent-hover:#6b6bf0; --accent-soft:rgba(91,91,224,0.15); --accent-glow:rgba(91,91,224,0.45); }
html[data-color="violet"] { --accent:#8e4ed8; --accent-hover:#9e5ee8; --accent-soft:rgba(142,78,216,0.15); --accent-glow:rgba(142,78,216,0.45); }
html[data-color="pink"]   { --accent:#d94c8e; --accent-hover:#e95c9e; --accent-soft:rgba(217,76,142,0.15); --accent-glow:rgba(217,76,142,0.45); }
html[data-color="slate"]  { --accent:#64748b; --accent-hover:#7484a0; --accent-soft:rgba(100,116,139,0.15); --accent-glow:rgba(100,116,139,0.45); }