/* ─────────────────────────────────────────────────────────────────────────
   Delta Platform — Design Tokens
   All visual decisions as CSS custom properties.
   Override at :root in a child theme to re-skin the entire platform.
   ───────────────────────────────────────────────────────────────────────── */

:root {
    /* ── Brand colors ─────────────────────────────────────────────── */
    --delta-primary:        #1A56DB;
    --delta-primary-dark:   #1C3FAA;
    --delta-primary-light:  #EBF5FF;
    --delta-primary-soft:   #DBEAFE;

    --delta-secondary:      #0E9F6E;
    --delta-secondary-light:#DEF7EC;

    --delta-accent:         #FF6B35;
    --delta-accent-light:   #FFEDD5;

    --delta-danger:         #E02424;
    --delta-danger-light:   #FDE8E8;
    --delta-warning:        #FACA15;
    --delta-warning-light:  #FDF6B2;
    --delta-success:        #0E9F6E;
    --delta-success-light:  #DEF7EC;
    --delta-info:           #3F83F8;
    --delta-info-light:     #E1EFFE;

    /* ── Neutrals ─────────────────────────────────────────────────── */
    --delta-white:    #FFFFFF;
    --delta-gray-50:  #F9FAFB;
    --delta-gray-100: #F3F4F6;
    --delta-gray-200: #E5E7EB;
    --delta-gray-300: #D1D5DB;
    --delta-gray-400: #9CA3AF;
    --delta-gray-500: #6B7280;
    --delta-gray-600: #4B5563;
    --delta-gray-700: #374151;
    --delta-gray-800: #1F2937;
    --delta-gray-900: #111827;

    /* ── Typography ───────────────────────────────────────────────── */
    --delta-font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --delta-font-arabic:  'Tajawal', 'Cairo', -apple-system, sans-serif;
    --delta-font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

    --delta-fs-xs:   0.75rem;
    --delta-fs-sm:   0.875rem;
    --delta-fs-base: 1rem;
    --delta-fs-lg:   1.125rem;
    --delta-fs-xl:   1.25rem;
    --delta-fs-2xl:  1.5rem;
    --delta-fs-3xl:  1.875rem;
    --delta-fs-4xl:  2.25rem;
    --delta-fs-5xl:  3rem;

    --delta-fw-light:     300;
    --delta-fw-regular:   400;
    --delta-fw-medium:    500;
    --delta-fw-semibold:  600;
    --delta-fw-bold:      700;
    --delta-fw-extrabold: 800;

    --delta-lh-tight:   1.25;
    --delta-lh-normal:  1.5;
    --delta-lh-relaxed: 1.625;

    /* ── Spacing scale (4px base) ─────────────────────────────────── */
    --delta-space-0:  0;
    --delta-space-1:  0.25rem;   /* 4px */
    --delta-space-2:  0.5rem;    /* 8px */
    --delta-space-3:  0.75rem;   /* 12px */
    --delta-space-4:  1rem;      /* 16px */
    --delta-space-5:  1.25rem;   /* 20px */
    --delta-space-6:  1.5rem;    /* 24px */
    --delta-space-8:  2rem;      /* 32px */
    --delta-space-10: 2.5rem;    /* 40px */
    --delta-space-12: 3rem;      /* 48px */
    --delta-space-16: 4rem;      /* 64px */
    --delta-space-20: 5rem;      /* 80px */
    --delta-space-24: 6rem;      /* 96px */

    /* ── Borders & radii ──────────────────────────────────────────── */
    --delta-radius-sm:   0.25rem;
    --delta-radius:      0.5rem;
    --delta-radius-lg:   0.75rem;
    --delta-radius-xl:   1rem;
    --delta-radius-2xl:  1.5rem;
    --delta-radius-full: 9999px;

    --delta-border-color:       var(--delta-gray-200);
    --delta-border-color-strong: var(--delta-gray-300);

    /* ── Shadows ──────────────────────────────────────────────────── */
    --delta-shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
    --delta-shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
    --delta-shadow:    0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.05);
    --delta-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.05);
    --delta-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.05);
    --delta-shadow-card:    0 4px 24px rgba(26,86,219,0.07);
    --delta-shadow-card-hover: 0 8px 32px rgba(26,86,219,0.12);

    /* ── Layout ───────────────────────────────────────────────────── */
    --delta-sidebar-width: 260px;
    --delta-topbar-height: 64px;
    --delta-container-max: 1200px;
    --delta-container-narrow: 800px;

    /* ── Transitions ──────────────────────────────────────────────── */
    --delta-transition-fast: 150ms ease;
    --delta-transition:      250ms ease;
    --delta-transition-slow: 400ms ease;

    /* ── Z-index scale ────────────────────────────────────────────── */
    --delta-z-dropdown:  10;
    --delta-z-sticky:    20;
    --delta-z-fixed:     30;
    --delta-z-modal:     50;
    --delta-z-toast:     60;
    --delta-z-tooltip:   70;
}

/* RTL adjustments */
html[dir="rtl"] {
    font-family: var(--delta-font-arabic);
}