/*
Theme Name: Night Vault
Theme URI: https://cost-lonne.eu
Author: Lars Eriksson
Author URI: https://cost-lonne.eu/about/
Description: Dark-first science portal theme for cost-lonne.eu — Light Pollution & Dark Sky research. Night Vault design with light mode toggle.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Private
Text Domain: nv-theme
*/

/* ============================================================
   CSS CUSTOM PROPERTIES — NIGHT VAULT DESIGN SYSTEM
   Prefix: nv-
   ============================================================ */

:root {
    /* Dark mode defaults */
    --nv-bg:             #080C18;
    --nv-surface:        #0F1629;
    --nv-surface-2:      #162035;
    --nv-text-primary:   #E8EDF8;
    --nv-text-secondary: #8A9BBF;
    --nv-accent:         #4A9EDF;
    --nv-accent-dim:     rgba(74, 158, 223, 0.15);
    --nv-accent-glow:    rgba(74, 158, 223, 0.08);
    --nv-highlight:      #C8D8F0;
    --nv-border:         #1E2E4A;
    --nv-border-accent:  rgba(74, 158, 223, 0.3);

    /* Typography */
    --nv-font-head:    'Outfit', sans-serif;
    --nv-font-heading: 'Outfit', sans-serif;
    --nv-font-body:    'Barlow', sans-serif;
    --nv-font-mono:    'IBM Plex Mono', monospace;

    /* Spacing scale */
    --nv-space-xs:  0.25rem;
    --nv-space-sm:  0.5rem;
    --nv-space-md:  1rem;
    --nv-space-lg:  1.5rem;
    --nv-space-xl:  2rem;
    --nv-space-2xl: 3rem;
    --nv-space-3xl: 4rem;

    /* Layout */
    --nv-max-w:          1060px;
    --nv-max-width:      1060px;
    --nv-content-width:  760px;
    --nv-sidebar-width:  320px;
    --nv-radius-sm:      4px;
    --nv-radius-md:      8px;
    --nv-radius-lg:      12px;
    --nv-radius:         6px;

    /* Transitions */
    --nv-transition: 200ms ease;
}

/* Light mode overrides */
[data-theme="light"] {
    --nv-bg:             #F2F6FC;
    --nv-surface:        #FFFFFF;
    --nv-surface-2:      #E8F0FA;
    --nv-text-primary:   #0D1830;
    --nv-text-secondary: #4A5878;
    --nv-accent:         #1A6DB5;
    --nv-accent-dim:     rgba(26, 109, 181, 0.12);
    --nv-accent-glow:    rgba(26, 109, 181, 0.06);
    --nv-highlight:      #1E3A6E;
    --nv-border:         #C8D8F0;
    --nv-border-accent:  rgba(26, 109, 181, 0.3);
}