/* =========================================================================
   THEME — TECH STARTUP · KERNEL.IO
   Modern SaaS: dark canvas, gradient mesh, geometric sans, terminal hints.
   The "obvious" dev-tool look done well.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;700&family=Geist:wght@400;500;600;700&display=swap');

:root {
    --bg-base:        #0a0b14;
    --bg-surface:     #11131e;
    --bg-elevated:    #1a1d2e;
    --bg-deep:        #050610;
    --text-primary:   #e8eaf2;
    --text-mute:      #9094a8;
    --text-faint:     #5b5f73;
    --accent:         #7c5cff;       /* gradient violet */
    --accent-2:       #00d4ff;       /* electric cyan */
    --accent-muted:   #00d4ff;
    --border:         rgba(232, 234, 242, 0.08);
    --border-strong:  rgba(232, 234, 242, 0.22);
    --font-heading:   'Geist', system-ui, sans-serif;
    --font-body:      'Geist', system-ui, sans-serif;
    --font-mono:      'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
    --paper: var(--bg-base); --paper-2: var(--bg-surface);
    --ink: var(--text-primary); --ink-soft: var(--text-mute); --ink-mute: var(--text-faint);
    --rule: var(--border); --rule-hi: var(--border-strong);
    --gold: var(--accent); --gold-bright: var(--accent); --mauve: var(--accent); --mustard: var(--accent-2);
    --serif: var(--font-heading); --sans: var(--font-body); --mono: var(--font-mono);
}
body { background: var(--bg-base) !important; color: var(--text-primary) !important; font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .headline, .nav-brand { font-family: var(--font-heading); font-weight: 600; letter-spacing: -0.025em; line-height: 1.02; }
.headline em { font-style: normal; background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }