/* ArcaneMetriX Classic — deep midnight blue */
:root,
[data-theme="midnight"] {
    /* Background Colors */
    --bg-color: #0d1117;
    --bg-gradient: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0d1117 100%);
    --panel-bg: #161b22f2;
    --panel-bg-opaque: #161b22;
    --card-bg: #161b22cc;
    --list-bg: #161b2299;
    --entry-bg: #21262dcc;
    --entry-hover-bg: #30363de6;
    --canvas-bg: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #0d1117;
    --border-primary: #30363d;
    --text-accent: #58a6ff;

    /* Text Colors */
    --text-color: #e6edf3;
    --text-muted: #7d8590;
    --text-secondary: #8b949e;

    /* Accent Colors */
    --accent-color: #58a6ff;
    --accent-gradient: linear-gradient(135deg, #58a6ff 0%, #1f6feb 50%, #388bfd 100%);
    --accent-glow: #58a6ff33;
    --accent-hover: #58a6ff66;
    --accent-bg: #58a6ff1a;
    --accent-bg-hover: #58a6ff33;
    --accent-light: #a5c8ff;

    /* Border Colors */
    --border-color: #30363dcc;
    --border-hover: #58a6ff;
    --glass-border: #30363d99;

    /* Input/Form Colors */
    --input-bg: #0d1117;
    --input-border: #30363d;
    --select-option-bg: #161b22;
    --widget-bg: var(--input-bg);

    /* Button Colors */
    --button-bg: #21262d;
    --button-border: #f0f6fc1a;
    --button-text: #c9d1d9;

    /* Tab Colors */
    --tab-bg: #21262d;
    --tab-text: #8b949e;
    --tab-active-text: #f0f6fc;

    /* Scrollbar Colors */
    --scrollbar-track: #30363d4d;
    --scrollbar-thumb: #30363d;
    --scrollbar-thumb-hover: #484f58;

    /* Deck Group Headers */
    --deck-header-bg: linear-gradient(to right, rgba(88, 166, 255, 0.15), transparent);
    --deck-header-border: #58a6ff4d;
    --deck-header-text: var(--accent-color);

    /* Popup/Modal Colors */
    --popup-bg: #161b22;
    --popup-border: #30363d;
    --popup-shadow: #010409cc;
    --popup-section-border: #30363d;

    /* Chart/Stat Colors */
    --chart-bg: #161b2299;
    --chart-title-color: #7d8590;

    /* Divider/Collapse Colors */
    --divider-border: #30363d;
    --divider-btn-bg: #21262d;
    --divider-btn-text: #8b949e;

    /* Scanning/Loading Colors */
    --scanning-bg: #0d1117fa;
    --scanning-text: #e6edf3;

    /* Pro Feature Colors */
    --pro-overlay-bg: #0d1117d9;
    --pro-overlay-border: #58a6ff66;
    --pro-text: #7d8590;

    /* Card Type Colors */
    --type-creature: #3fb950;
    --type-land: #a0522d;
    --type-instant: #58a6ff;
    --type-sorcery: #fa7970;
    --type-enchantment: #bc8cff;
    --type-artifact: #8b949e;
    --type-planeswalker: #d29922;
    --type-other: #6e7681;

    /* Semantic Colors */
    --success-color: #3fb950;
    --success-bg: #3fb9501a;
    --success-border: #3fb9504d;
    --success-bg-hover: #3fb95033;

    --danger-color: #f85149;
    --danger-bg: #f851491a;
    --danger-border: #f8514966;
    --danger-bg-hover: #f8514933;

    --warning-color: #d29922;
    --warning-bg: #d299221a;
    --warning-border: #d299224d;

    --info-color: #39d0d8;
    --info-bg: #39d0d81a;
    --info-border: #39d0d84d;
    --info-bg-hover: #39d0d833;

    /* Social colors */
    --discord-color: #5865F2;

    /* Functional Curve Colors (cast timing visualization) */
    --fc-sweet-spot: #2dd4c4;
    --fc-less-value: #d29922;
    --fc-reactive: #fa7970;

    /* Accent RGB (decomposed for use in rgba()) */
    --accent-rgb: 88, 166, 255;
    --color-accent-rgb: 88, 166, 255; /* alias for --accent-rgb */

    /* Overlay/Banner Colors */
    --overlay-bg: #010409b3;
    --impersonation-bg: linear-gradient(135deg, #f59e0b, #d97706);

    /* Effects */
    --glass-blur: blur(12px);

    /* Responsive Breakpoints & Spacing */
    --mobile-width: 768px;
    --tablet-width: 1024px;
    --desktop-width: 1440px;

    --header-height: 60px;
    --mobile-header-height: 50px;
}