/* ─────────────────────────────────────────────────────────────────────────────
   NORDIC COLOR THEME SYSTEM (nord-theme.css)
   Official Nord Palette Tokens - Supporting Dark & Light Modes
   ───────────────────────────────────────────────────────────────────────────── */

:root {
    /* Nord Palette Swatches */
    /* Polar Night */
    --nord0: #2e3440;
    --nord1: #3b4252;
    --nord2: #434c5e;
    --nord3: #4c566a;

    /* Snow Storm */
    --nord4: #d8dee9;
    --nord5: #e5e9f0;
    --nord6: #eceff4;

    /* Frost */
    --nord7: #8fbcbb;
    --nord8: #88c0d0;
    --nord9: #81a1c1;
    --nord10: #5e81ac;

    /* Aurora */
    --nord11: #bf616a;
    --nord12: #d08770;
    --nord13: #ebcb8b;
    --nord14: #a3be8c;
    --nord15: #b48ead;

    /* Default Theme: Nord Dark Mode */
    --bg-main: #1e222a;
    --bg-surface: #2e3440;
    --bg-surface-elevated: #3b4252;
    --bg-glass: rgba(46, 52, 64, 0.85);
    --bg-glass-hover: rgba(59, 66, 82, 0.92);
    --card-bg: rgba(59, 66, 82, 0.55);
    --card-border: rgba(136, 192, 208, 0.22);
    --card-border-hover: rgba(136, 192, 208, 0.6);

    --text-primary: #eceff4;
    --text-secondary: #e5e9f0;
    --text-muted: #d8dee9;
    --text-dim: #4c566a;

    --accent-primary: #88c0d0;
    --accent-teal: #8fbcbb;
    --accent-glacier: #81a1c1;
    --accent-deep: #5e81ac;
    --accent-orange: #d08770;
    --accent-green: #a3be8c;
    --accent-gold: #ebcb8b;
    --accent-red: #bf616a;
    --accent-purple: #b48ead;

    --btn-primary-bg: linear-gradient(135deg, #d08770 0%, #c07660 100%);
    --btn-primary-text: #ffffff;
    --btn-outline-border: #88c0d0;
    --btn-outline-text: #88c0d0;
    --btn-outline-hover-bg: rgba(136, 192, 208, 0.15);

    --navbar-bg: rgba(30, 34, 42, 0.88);
    --navbar-border: rgba(136, 192, 208, 0.2);

    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;

    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 25px rgba(136, 192, 208, 0.3);

    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light Theme Mode Token Overrides */
[data-theme="light"] {
    --bg-main: #eceff4;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #e5e9f0;
    --bg-glass: rgba(255, 255, 255, 0.88);
    --bg-glass-hover: rgba(229, 233, 240, 0.95);
    --card-bg: #ffffff;
    --card-border: rgba(76, 86, 106, 0.18);
    --card-border-hover: rgba(94, 129, 172, 0.5);

    --text-primary: #2e3440;
    --text-secondary: #3b4252;
    --text-muted: #4c566a;
    --text-dim: #81a1c1;

    --accent-primary: #5e81ac;
    --accent-teal: #8fbcbb;
    --accent-glacier: #81a1c1;
    --accent-deep: #5e81ac;
    --accent-orange: #d08770;
    --accent-green: #a3be8c;
    --accent-gold: #d08770;
    --accent-red: #bf616a;

    --btn-primary-bg: linear-gradient(135deg, #5e81ac 0%, #4c566a 100%);
    --btn-primary-text: #ffffff;
    --btn-outline-border: #5e81ac;
    --btn-outline-text: #5e81ac;
    --btn-outline-hover-bg: rgba(94, 129, 172, 0.12);

    --navbar-bg: rgba(236, 239, 244, 0.9);
    --navbar-border: rgba(76, 86, 106, 0.15);

    --shadow-soft: 0 10px 30px rgba(46, 52, 64, 0.08);
    --shadow-glow: 0 0 20px rgba(94, 129, 172, 0.25);
}