/* ═══════════════════════════════════════════════════════════
   MWIZARD — Project Theme
   Dark terminal aesthetic. "A production terminal you've
   broken into." Sharp corners, glitch effects, monospace UI.
   ═══════════════════════════════════════════════════════════ */

:root {
    /* ── Brand colours ── */
    --color-primary: #00ff41;
    --color-primary-hover: #fff;
    --color-primary-dim: rgba(0, 255, 65, 0.15);

    /* ── Semantic colours ── */
    --color-success: #00ff41;
    --color-success-dim: rgba(0, 255, 65, 0.15);
    --color-warning: #FFB428;
    --color-warning-dim: rgba(255, 180, 40, 0.15);
    --color-danger: #ff3333;
    --color-danger-dim: rgba(255, 51, 51, 0.15);

    /* ── Backgrounds ── */
    --color-bg-page: #0a0a0a;
    --color-bg-card: #0f0f0f;
    --color-bg-elevated: #161616;
    --color-bg-input: #0a0a0a;

    /* ── Text ── */
    --color-text-primary: #d4d4d4;
    --color-text-secondary: #737373;
    --color-text-muted: #737373;
    --color-text-disabled: #404040;

    /* ── Borders ── */
    --color-border: #1a1a1a;
    --color-border-hover: #2a2a2a;

    /* ── Typography ── */
    --font-ui: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
    --font-display: 'Space Grotesk', sans-serif;

    /* ── Layout ── */
    --max-width: 1200px;
}

/* ── Override design system defaults for dark terminal aesthetic ── */

/* Sharp corners everywhere */
.btn { border-radius: 0; }
.card { border-radius: 0; }
.badge { border-radius: 0; }
.form-group input,
.form-group textarea,
.form-group select { border-radius: 0; }

/* Links: green, not primary-button-style */
a { color: var(--color-primary); }
a:hover { color: #fff; }

/* Selection highlight */
::selection {
    background: var(--color-primary);
    color: #000;
}