/* ═══════════════════════════════════════════════════
   NUHA PRO THEME v2 – Design Tokens (Light Mode)
   Sky Blue/Navy palette, Plus Jakarta Sans
   ═══════════════════════════════════════════════════ */

:root {
    /* ─── Brand Colors ──────────────────────────── */
    --nuha-primary:         #0ea5e9;
    --nuha-primary-dark:    #0284c7;
    --nuha-primary-light:   #e0f2fe;
    --nuha-accent-cyan:     #06b6d4;
    --nuha-navy:            #1e3a8a;
    --nuha-navy-dark:       #172554;

    /* ─── Backgrounds ───────────────────────────── */
    --nuha-bg:              #FFFFFF;
    --nuha-bg-off:          #F8FAFC;
    --nuha-bg-slate:        #f1f5f9;
    --nuha-surface:         #FFFFFF;

    /* ─── Text ──────────────────────────────────── */
    --nuha-text-main:       #0f172a;
    --nuha-text-heading:    #1e293b;
    --nuha-text-body:       #475569;
    --nuha-text-muted:      #64748b;
    --nuha-text-light:      #94a3b8;

    /* ─── Borders ───────────────────────────────── */
    --nuha-border:          #e2e8f0;
    --nuha-border-light:    #f1f5f9;

    /* ─── Accent Palette ────────────────────────── */
    --nuha-sky-50:          #f0f9ff;
    --nuha-sky-100:         #e0f2fe;
    --nuha-blue-50:         #eff6ff;
    --nuha-indigo-50:       #eef2ff;
    --nuha-indigo-100:      #e0e7ff;
    --nuha-indigo-600:      #4f46e5;
    --nuha-purple-50:       #faf5ff;
    --nuha-purple-600:      #9333ea;
    --nuha-teal-50:         #f0fdfa;
    --nuha-teal-600:        #0d9488;
    --nuha-emerald-50:      #ecfdf5;
    --nuha-emerald-100:     #d1fae5;
    --nuha-emerald-600:     #059669;
    --nuha-emerald-700:     #047857;
    --nuha-amber-400:       #fbbf24;
    --nuha-amber-500:       #f59e0b;
    --nuha-orange-50:       #fff7ed;
    --nuha-orange-600:      #ea580c;
    --nuha-pink-50:         #fdf2f8;
    --nuha-pink-600:        #db2777;
    --nuha-green-100:       #dcfce7;
    --nuha-green-200:       #bbf7d0;
    --nuha-green-600:       #16a34a;
    --nuha-green-700:       #15803d;
    --nuha-red-100:         #fee2e2;
    --nuha-red-600:         #dc2626;

    /* ─── Typography ────────────────────────────── */
    --nuha-font-display:    'Plus Jakarta Sans', sans-serif;
    --nuha-font-body:       'Plus Jakarta Sans', sans-serif;
    --nuha-font-mono:       'JetBrains Mono', monospace;

    --nuha-text-xs:         0.75rem;
    --nuha-text-sm:         0.875rem;
    --nuha-text-base:       1rem;
    --nuha-text-lg:         1.125rem;
    --nuha-text-xl:         1.25rem;
    --nuha-text-2xl:        1.5rem;
    --nuha-text-3xl:        1.875rem;
    --nuha-text-4xl:        2.25rem;
    --nuha-text-5xl:        3rem;
    --nuha-text-7xl:        4.5rem;

    --nuha-leading-tight:   1.2;
    --nuha-leading-snug:    1.375;
    --nuha-leading-normal:  1.5;
    --nuha-leading-relaxed: 1.625;

    /* ─── Spacing ───────────────────────────────── */
    --nuha-sp-1:   0.25rem;
    --nuha-sp-2:   0.5rem;
    --nuha-sp-3:   0.75rem;
    --nuha-sp-4:   1rem;
    --nuha-sp-5:   1.25rem;
    --nuha-sp-6:   1.5rem;
    --nuha-sp-8:   2rem;
    --nuha-sp-10:  2.5rem;
    --nuha-sp-12:  3rem;
    --nuha-sp-16:  4rem;
    --nuha-sp-20:  5rem;
    --nuha-sp-24:  6rem;

    /* ─── Radius ────────────────────────────────── */
    --nuha-radius-sm:  0.375rem;
    --nuha-radius:     0.5rem;
    --nuha-radius-lg:  0.75rem;
    --nuha-radius-xl:  1rem;
    --nuha-radius-2xl: 1.5rem;
    --nuha-radius-3xl: 2rem;
    --nuha-radius-full:9999px;

    /* ─── Shadows ───────────────────────────────── */
    --nuha-shadow-sm:   0 1px 2px 0 rgba(0,0,0,0.05);
    --nuha-shadow:      0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
    --nuha-shadow-md:   0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --nuha-shadow-soft: 0 4px 20px -2px rgba(0,0,0,0.05);
    --nuha-shadow-lg:   0 10px 40px -10px rgba(0,0,0,0.1);
    --nuha-shadow-xl:   0 20px 60px -15px rgba(0,0,0,0.12);
    --nuha-shadow-glow: 0 0 15px rgba(14,165,233,0.3);
    --nuha-shadow-navy: 0 8px 20px -4px rgba(30,58,138,0.2);

    /* ─── Glass ─────────────────────────────────── */
    --nuha-glass-bg:     rgba(255,255,255,0.85);
    --nuha-glass-border: rgba(226,232,240,0.6);
    --nuha-glass-blur:   12px;

    --nuha-glass-card-bg:     rgba(255,255,255,0.7);
    --nuha-glass-card-border: rgba(255,255,255,0.5);
    --nuha-glass-card-shadow: 0 8px 32px rgba(31,38,135,0.07);

    --nuha-glass-widget-bg:     rgba(255,255,255,0.9);
    --nuha-glass-widget-border: rgba(241,245,249,0.8);
    --nuha-glass-widget-shadow: 0 10px 40px -10px rgba(0,0,0,0.1);

    /* ─── Transitions ───────────────────────────── */
    --nuha-ease:      cubic-bezier(0.4, 0, 0.2, 1);
    --nuha-duration:  300ms;
    --nuha-duration-fast: 150ms;
    --nuha-duration-slow: 500ms;

    /* ─── Layout ────────────────────────────────── */
    --nuha-container:    1280px;
    --nuha-container-md: 768px;
    --nuha-container-lg: 1024px;
    --nuha-header-h:     72px;

    /* ─── Z-index ───────────────────────────────── */
    --nuha-z-header:  50;
    --nuha-z-mobile:  40;
    --nuha-z-overlay: 30;
    --nuha-z-widget:  20;
    --nuha-z-content: 10;
    --nuha-z-base:    1;

    /* ─── Background Patterns ───────────────────── */
    --nuha-grid-pattern: linear-gradient(to right, rgba(148,163,184,0.1) 1px, transparent 1px),
                         linear-gradient(to bottom, rgba(148,163,184,0.1) 1px, transparent 1px);
    --nuha-grid-size:    40px 40px;
}