/* =============================================================
   [TOKENS] NOWIBLY brand design tokens — single source of truth
   ============================================================= */

:root {
    /* Colors */
    --nw-navy:        #0F172A;
    --nw-ink:         #132758;
    --nw-blue:        #1D4ED8;
    --nw-blue-bright: #3B82F6;
    --nw-blue-pale:   #EFF6FF;
    --nw-white:       #FFFFFF;
    --nw-cloud:       #E5E7EB;
    --nw-line:        #E5E7EB;
    --nw-bg:          #F7F8FA;
    --nw-text-dark:   #111827;
    --nw-text-gray:   #6B7280;
    --nw-success:     #10B981;
    --nw-warning:     #F59E0B;
    --nw-error:       #EF4444;
    --nw-info:        #3B82F6;

    /* Gradients */
    --nw-gradient:         linear-gradient(135deg, #3B82F6 0%, #1D4ED8 50%, #132758 100%);
    --nw-gradient-primary: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 50%, #132758 100%);
    --nw-gradient-flat:    linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%);
    --nw-gradient-subtle:  linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);

    /* Typography */
    --nw-font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --nw-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --nw-font-arabic:  "Cairo", "Inter", system-ui, sans-serif;
    --nw-font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Type scale */
    --nw-fs-h1: 56px;  --nw-lh-h1: 1.05; --nw-tracking-h1: -0.02em;
    --nw-fs-h2: 40px;  --nw-lh-h2: 1.1;  --nw-tracking-h2: -0.015em;
    --nw-fs-h3: 28px;  --nw-lh-h3: 1.2;  --nw-tracking-h3: -0.01em;
    --nw-fs-h4: 20px;  --nw-lh-h4: 1.3;  --nw-tracking-h4: 0;
    --nw-fs-body:  16px; --nw-lh-body:  1.5;
    --nw-fs-small: 14px; --nw-lh-small: 1.4;
    --nw-fs-badge: 11px; --nw-tracking-badge: 0.12em;
    --nw-fs-h1-mobile: 36px;
    --nw-fs-h2-mobile: 28px;
    --nw-fs-h3-mobile: 22px;

    /* Spacing — 8px scale */
    --nw-space-1: 4px;
    --nw-space-2: 8px;
    --nw-space-3: 12px;
    --nw-space-4: 16px;
    --nw-space-5: 24px;
    --nw-space-6: 32px;
    --nw-space-7: 48px;
    --nw-space-8: 64px;
    --nw-space-9: 96px;

    /* Radius */
    --nw-radius-xs:   4px;
    --nw-radius-sm:   8px;
    --nw-radius-md:   12px;
    --nw-radius-lg:   16px;
    --nw-radius-xl:   20px;
    --nw-radius-pill: 999px;

    /* Shadows */
    --nw-shadow-sm:   0 1px 2px rgba(15, 23, 42, 0.06);
    --nw-shadow-md:   0 4px 12px rgba(15, 23, 42, 0.08);
    --nw-shadow-lg:   0 12px 32px rgba(15, 23, 42, 0.12);
    --nw-shadow-blue: 0 8px 24px rgba(29, 78, 216, 0.25);

    /* Motion */
    --nw-ease-standard:   cubic-bezier(0.2, 0, 0.2, 1);
    --nw-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
    --nw-duration-fast: 120ms;
    --nw-duration-base: 200ms;
    --nw-duration-slow: 320ms;

    /* Z-index */
    --nw-z-dropdown: 1000;
    --nw-z-sticky:   1020;
    --nw-z-fixed:    1030;
    --nw-z-modal:    1050;
    --nw-z-popover:  1060;
    --nw-z-tooltip:  1070;
}

/* RTL — auto-swap to Cairo on Arabic */
[dir="rtl"],
.rtl,
.nw-rtl {
    --nw-font-body: var(--nw-font-arabic);
}