/* =============================================================
   theme-navy.css — Dark navy + electric blue
   To activate: ensure index.html links to this file.
   ============================================================= */

:root {
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    --font-body:    'Inter', system-ui, sans-serif;
    --font-mono:    'Courier New', Courier, monospace;

    --radius:    12px;
    --radius-sm: 6px;

    /* Backgrounds */
    --bg:        #07111e;
    --bg-subtle: #0c1828;
    --bg-card:   #0f1e30;

    /* Borders */
    --border:       rgba(255, 255, 255, 0.07);
    --border-hover: rgba(255, 255, 255, 0.20);

    /* Accent: electric blue */
    --accent:         #4f89f5;
    --accent-bright:  #6b9ef7;
    --accent-muted:   rgba(79, 137, 245, 0.22);
    --accent-chip-bg: rgba(79, 137, 245, 0.08);
    --accent-shadow:  rgba(79, 137, 245, 0.38);

    /* Text */
    --text:       #dce8f8;
    --text-muted: #7c8fa8;
    --text-dim:   #3f5470;

    /* Buttons */
    --btn-text: #ffffff;

    /* Navigation */
    --nav-bg: rgba(7, 17, 30, 0.88);

    /* Hero decoration */
    --grid-dot:  rgba(79, 137, 245, 0.22);
    --hero-glow: rgba(79, 137, 245, 0.14);

    /* Shadows */
    --card-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);

    /* Tech tags */
    --tag-bg:     rgba(79, 137, 245, 0.08);
    --tag-text:   #7aadf8;
    --tag-border: rgba(79, 137, 245, 0.22);
}