/* ===== MATRIX-AQUA THEME OVERRIDES ===== */
:root {
    --primary: #00d4aa;
    --primary-light: #00ffc8;
    --primary-dark: #00a88a;
    --primary-glow: rgba(0, 212, 170, 0.3);
    --primary-glow-soft: rgba(0, 212, 170, 0.1);
    --dark-bg: #0a0a0a;
    --dark-card: #0d1117;
    --dark-nav: #0a1a14;
    --dark-hero-start: #0a0a0a;
    --dark-hero-mid: #0d1f18;
    --dark-hero-end: #0a1a14;
    --border-color: rgba(0, 212, 170, 0.12);
    --border-hover: rgba(0, 212, 170, 0.25);
    --text-muted: #8a9a9a;
    --text-on-dark: #c0d0d0;
}

body { background: var(--dark-bg); color: #d0e0e0; }
.text-primary { color: var(--primary) !important; }
.text-muted { color: var(--text-muted) !important; }
.bg-primary { background: var(--primary) !important; }
.bg-dark { background: var(--dark-bg) !important; }
.border-primary { border-color: var(--primary) !important; }
.btn-primary { background: var(--primary) !important; border-color: var(--primary) !important; color: #000 !important; }
.btn-primary:hover { background: var(--primary-light) !important; border-color: var(--primary-light) !important; color: #000 !important; }
.btn-outline-primary { color: var(--primary) !important; border-color: var(--primary) !important; }
.btn-outline-primary:hover { background: var(--primary) !important; color: #000 !important; border-color: var(--primary) !important; }
.btn-outline-light:hover { background: var(--primary-glow-soft) !important; }
a { color: var(--primary); }
a:hover { color: var(--primary-light); }
.card { background: var(--dark-card); border-color: var(--border-color); }
.text-white-50 { color: var(--text-on-dark) !important; }
.bg-light { background: var(--dark-card) !important; }
.shadow-sm { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; }
hr { border-color: var(--border-color) !important; }
.border-secondary { border-color: var(--border-color) !important; }
.accordion-item { background: var(--dark-card); border-color: var(--border-color); }
.accordion-button { background: var(--dark-card); color: #d0e0e0; }
.accordion-button:not(.collapsed) { background: var(--dark-card); color: var(--primary); }
.list-group-item { background: var(--dark-card); border-color: var(--border-color); color: #d0e0e0; }
.modal-content { background: var(--dark-card); color: #d0e0e0; border-color: var(--border-color); }
.modal-header { border-bottom-color: var(--border-color); }
.btn-close { filter: invert(1); }
pre, code { background: #0a0a0a !important; color: var(--primary-light) !important; }
.alert-info { background: rgba(0, 212, 170, 0.08); border-color: var(--primary); color: var(--primary); }