:root {
    --primary: #10b981;
    --primary-dark: #059669;
    --primary-light: #34d399;
    --primary-on: #ffffff;
    --primary-alpha: rgba(16, 185, 129, 0.1);
    --bg: #0f172a;
    --bg-alt: #1e293b;
    --bg-card: #1e293b;
    --bg-header: rgba(15,23,42,0.95);
    --border: #334155;
    --text: #f8fafc;
    --text-muted: #94a3b8;
    --text-light: #e2e8f0;
    --hero-overlay: linear-gradient(135deg, rgba(15,23,42,0.85) 0%, rgba(15,23,42,0.55) 100%);
}

.main-header { background: var(--bg-header); }
.hero-overlay { background: var(--hero-overlay); }
.btn-outline { color: var(--text); border-color: var(--text); }
.btn-outline:hover { background: var(--text); color: var(--bg); }