/**
 * KeyClean Pro - OLED Midnight Theme Tokens
 */

:root,
[data-theme="midnight"] {
    --bg-base: #000000;
    --bg-surface: rgba(10, 10, 10, 0.85);
    --bg-surface-elevated: rgba(20, 20, 20, 0.95);
    --bg-glass: rgba(255, 255, 255, 0.03);
    --border-glass: rgba(255, 255, 255, 0.08);
    --border-glass-glow: rgba(255, 255, 255, 0.25);

    --text-primary: #ffffff;
    --text-secondary: #a1a1aa;
    --text-muted: #52525b;

    --accent-cyan: #38bdf8;
    --accent-blue: #60a5fa;
    --accent-purple: #c084fc;
    --accent-pink: #f472b6;
    --accent-emerald: #34d399;
    --accent-amber: #fbbf24;
    --accent-ruby: #f87171;

    --lock-active-glow: rgba(248, 113, 113, 0.35);
    --lock-active-bg: linear-gradient(135deg, #dc2626 0%, #7f1d1d 100%);
    --lock-idle-bg: linear-gradient(135deg, #18181b 0%, #09090b 100%);

    --key-base: #0a0a0c;
    --key-top: #141418;
    --key-border: #27272a;
    --key-text: #71717a;
    --key-shadow: 0 4px 0 #000000, 0 5px 6px rgba(0, 0, 0, 0.8);

    --key-cleaned-bg: linear-gradient(180deg, #27272a 0%, #18181b 100%);
    --key-cleaned-border: #a1a1aa;
    --key-cleaned-text: #ffffff;
    --key-cleaned-glow: 0 0 12px rgba(255, 255, 255, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.15);

    --key-active-bg: linear-gradient(180deg, #3f3f46 0%, #27272a 100%);
    --key-active-border: #ffffff;
    --key-active-glow: 0 0 20px rgba(255, 255, 255, 0.7);

    --mesh-blob-1: rgba(255, 255, 255, 0.04);
    --mesh-blob-2: rgba(96, 165, 250, 0.05);
    --mesh-blob-3: rgba(192, 132, 252, 0.04);
}