/* ===================================
   NossenCoaching v2 — Design System
   "Nordisk Minimalistisk"
   =================================== */

:root {
    /* Named Palette */
    --fjord: #1B2B3A;
    --stein: #6B7B8D;
    --snø: #FAFBFC;
    --kobber: #B87D4B;
    --bjørk: #F5F0EB;

    /* Semantic Colors */
    --primary: #1B2B3A;
    --accent: #B87D4B;
    --bg-primary: #FAFBFC;
    --bg-secondary: #F5F0EB;
    --bg-tertiary: #FFFFFF;
    --bg-hover: #F0EBE5;
    --bg-input: #FAFBFC;
    --text-primary: #1B2B3A;
    --text-secondary: #6B7B8D;
    --text-muted: #9CA3AF;
    --text-inverse: #FFFFFF;

    /* Borders */
    --border-light: #F0F0F0;
    --border: #E5E7EB;
    --border-dark: #D1D5DB;

    /* Shadows — none by design */
    --shadow-sm: none;
    --shadow-md: none;

    /* Functional Colors */
    --color-success: #10B981;
    --color-success-bg: #ECFDF5;
    --color-danger: #EF4444;
    --color-danger-bg: #FEF2F2;
    --color-warning: #F59E0B;
    --color-warning-bg: #FFFBEB;
    --color-info: #3B82F6;
    --color-info-bg: #EFF6FF;

    /* Spacing (4px base) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* Transitions */
    --transition: all 0.2s ease;
    --transition-fast: 150ms ease;
    --transition-slow: 300ms ease;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-base: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 2rem;
    --leading-tight: 1.25;
    --leading-normal: 1.5;

    /* Layout */
    --container-max: 960px;
    --sidebar-width: 280px;
    --topbar-height: 56px;
    --nav-z: 1000;
    --modal-z: 2000;
    --toast-z: 3000;
}

/* ===================================
   Dark Mode
   =================================== */
[data-theme="dark"] {
    --fjord: #F0F2F5;
    --stein: #8B949E;
    --snø: #0D1117;
    --bjørk: #161B22;
    --kobber: #D4956B;

    --primary: #F0F2F5;
    --accent: #D4956B;
    --bg-primary: #0D1117;
    --bg-secondary: #161B22;
    --bg-tertiary: #1C2128;
    --bg-hover: #21262D;
    --bg-input: #161B22;
    --text-primary: #F0F2F5;
    --text-secondary: #8B949E;
    --text-muted: #6B7280;
    --text-inverse: #0D1117;

    --border-light: #21262D;
    --border: #30363D;
    --border-dark: #484F58;

    --color-success-bg: #0D2818;
    --color-danger-bg: #2D1215;
    --color-warning-bg: #2D2005;
    --color-info-bg: #0D1B2A;
}