/* =====================================================================
   URL Zone — Design Tokens
   Single source of truth for all --uz-* CSS custom properties.

   Loaded by EVERY layout:
     _Layout.cshtml        (public website)
     _UserLayout.cshtml    (user portal)
     _AdminLayout.cshtml   (admin portal)

   Nothing else should redefine --uz-* at :root level.
   ===================================================================== */

/* ══════════════════════════════════════════════════════════════════════
   LIGHT MODE
   ══════════════════════════════════════════════════════════════════════ */
:root {
    /* ── Brand palette ─────────────────────────────────────────── */
    --uz-primary:          #4F46E5;
    --uz-primary-hover:    #4338CA;
    --uz-primary-light:    rgba(79, 70, 229, .10);
    --uz-primary-ring:     rgba(79, 70, 229, .25);

    --uz-secondary:        #6366F1;
    --uz-secondary-hover:  #4F46E5;
    --uz-secondary-light:  rgba(99, 102, 241, .10);

    /* ── Semantic status ───────────────────────────────────────── */
    --uz-success:          #10B981;
    --uz-success-light:    rgba(16, 185, 129, .10);
    --uz-warning:          #F59E0B;
    --uz-warning-light:    rgba(245, 158, 11, .10);
    --uz-danger:           #EF4444;
    --uz-danger-light:     rgba(239, 68, 68, .10);
    --uz-info:             #3B82F6;
    --uz-info-light:       rgba(59, 130, 246, .10);

    /* ── Surface & background ──────────────────────────────────── */
    --uz-bg:               #F9FAFB;
    --uz-surface:          #FFFFFF;
    --uz-surface-2:        #F3F4F6;
    --uz-border:           #E5E7EB;
    --uz-border-light:     #F3F4F6;

    /* ── Typography ────────────────────────────────────────────── */
    --uz-text:             #111827;
    --uz-text-secondary:   #374151;
    --uz-text-muted:       #6B7280;
    --uz-text-subtle:      #9CA3AF;
    --uz-font:             'Inter', 'Poppins', system-ui, -apple-system, sans-serif;

    /* ── Elevation ─────────────────────────────────────────────── */
    --uz-shadow-xs:        0 1px 2px rgba(0, 0, 0, .05);
    --uz-shadow-sm:        0 1px 6px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);
    --uz-shadow-md:        0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);
    --uz-shadow-lg:        0 10px 32px rgba(0, 0, 0, .10), 0 2px 8px rgba(0, 0, 0, .06);

    /* ── Radii ─────────────────────────────────────────────────── */
    --uz-radius-sm:        6px;
    --uz-radius-md:        10px;
    --uz-radius-lg:        14px;
    --uz-radius-xl:        20px;
    --uz-radius-full:      9999px;

    /* ── Spacing scale ──────────────────────────────────────────── */
    --uz-space-1:          4px;
    --uz-space-2:          8px;
    --uz-space-3:          12px;
    --uz-space-4:          16px;
    --uz-space-5:          20px;
    --uz-space-6:          24px;
    --uz-space-7:          28px;
    --uz-space-8:          32px;

    /* ── Layout metrics ─────────────────────────────────────────── */
    --uz-content-padding:  2rem;
    --uz-section-gap:      1.75rem;
    --uz-card-padding-x:   1.5rem;
    --uz-card-padding-y:   1.25rem;

    /* ── Motion ─────────────────────────────────────────────────── */
    --uz-ease:             cubic-bezier(.4, 0, .2, 1);
    --uz-duration-fast:    .15s;
    --uz-duration:         .22s;
    --uz-duration-slow:    .35s;
}

/* ══════════════════════════════════════════════════════════════════════
   DARK MODE
   ══════════════════════════════════════════════════════════════════════ */
[data-bs-theme="dark"] {
    --uz-bg:               #0F1117;
    --uz-surface:          #1A1D2E;
    --uz-surface-2:        #242638;
    --uz-border:           #2E3146;
    --uz-border-light:     #252738;
    --uz-text:             #F1F2F6;
    --uz-text-secondary:   #C5C7D4;
    --uz-text-muted:       #8B8FA8;
    --uz-text-subtle:      #5C6080;
    --uz-primary-light:    rgba(99, 102, 241, .15);
    --uz-primary-ring:     rgba(99, 102, 241, .30);
}