/* ======================================================================
   NA WEBSITE THEME v3 — Design Tokens
   PUBLIC WEBSITE ONLY — does NOT touch the app backend.
   ====================================================================== */
:root {
    --naw-primary:        #0055b8;
    --naw-primary-rgb:    0, 85, 184;
    --naw-primary-dark:   #003d85;
    --naw-primary-light:  #2979e6;
    --naw-primary-50:     #edf4fd;
    --naw-primary-100:    #c5daf5;
    --naw-accent:         #00d4aa;
    --naw-accent-rgb:     0, 212, 170;
    --naw-accent-dark:    #00b08d;
    --naw-white:          #ffffff;
    --naw-gray-50:        #f8fafc;
    --naw-gray-100:       #f1f5f9;
    --naw-gray-200:       #e2e8f0;
    --naw-gray-300:       #cbd5e1;
    --naw-gray-400:       #94a3b8;
    --naw-gray-500:       #64748b;
    --naw-gray-600:       #475569;
    --naw-gray-700:       #334155;
    --naw-gray-800:       #1e293b;
    --naw-gray-900:       #0f172a;
    --naw-font:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --naw-radius-sm:      8px;
    --naw-radius:         12px;
    --naw-radius-lg:      20px;
    --naw-radius-xl:      28px;
    --naw-radius-full:    9999px;
    --naw-shadow-sm:      0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
    --naw-shadow-md:      0 4px 20px rgba(0,0,0,0.07), 0 2px 8px rgba(0,0,0,0.04);
    --naw-shadow-lg:      0 12px 48px rgba(0,0,0,0.10), 0 4px 16px rgba(0,0,0,0.04);
    --naw-shadow-xl:      0 24px 64px rgba(0,0,0,0.14), 0 8px 24px rgba(0,0,0,0.06);
    --naw-transition:     all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}