/* Hacker Matrix — Negro absoluto + verde neón + mono font. Solo dark. */
:root, [data-theme="dark"], [data-theme="light"] {
    color-scheme: dark;

    --bg: #000000;
    --bg-elevated: #050a05;
    --surface: #0a120a;
    --surface-hover: #0f1a0f;
    --surface-glass: rgba(5, 10, 5, 0.88);
    --border: #143014;
    --border-strong: #1f4a1f;

    --text: #c8ffc8;
    --text-muted: #6da86d;
    --text-subtle: #3d7a3d;
    --text-on-primary: #000000;

    --primary: #00ff41;
    --primary-hover: #4dff7a;
    --primary-soft: rgba(0, 255, 65, 0.12);
    --secondary: #00d4ff;
    --accent: #ffd700;
    --accent-soft: rgba(255, 215, 0, 0.12);
    --danger: #ff3b30;
    --danger-soft: rgba(255, 59, 48, 0.15);
    --success: #00ff41;
    --success-soft: rgba(0, 255, 65, 0.15);

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.6);
    --shadow-md: 0 4px 20px rgba(0, 255, 65, 0.08);
    --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.9);
    --glow-primary: 0 0 40px rgba(0, 255, 65, 0.4);
    --glow-accent: 0 0 24px rgba(255, 215, 0, 0.3);

    --gradient-primary: linear-gradient(135deg, #00ff41 0%, #00d4ff 100%);
    --gradient-card: linear-gradient(180deg, #0a120a 0%, #050a05 100%);
    --gradient-hero: radial-gradient(ellipse at top, rgba(0, 255, 65, 0.15) 0%, transparent 70%);
    --gradient-text: linear-gradient(135deg, #00ff41 0%, #4dff7a 50%, #00d4ff 100%);

    --font: ui-monospace, "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --radius-sm: 2px;
    --radius: 4px;
    --radius-lg: 6px;
}
body {
    background-image: var(--gradient-hero),
        repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(0, 255, 65, 0.02) 3px, rgba(0, 255, 65, 0.02) 3px);
}
.hero h1, .article-header h1, .error-page h1 { text-transform: uppercase; letter-spacing: 0.05em; }
.site-brand { text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.95rem; }
.btn { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.85rem; }
.product-card:hover, .article-card:hover { box-shadow: 0 0 30px rgba(0, 255, 65, 0.3); }