/* public/css/variables.css */
/* ============================================================
   NOUR TRUST ERP - UNIFIED DESIGN TOKENS (MATCHING LOGO)
   ============================================================ */

:root {
    /* ---------- Brand Core (مأخوذة من اللوجو) ---------- */
    --nt-dark-navy: #0B1E36;       /* الأزرق الكحلي الداكن جداً (اللوجو) */
    --nt-navy-800: #112A4A;        /* درجة أفتح قليلاً للخلفيات */
    --nt-navy-700: #1A3B63;        
    --nt-blue: #13599C;            /* الأزرق الملكي الأساسي (اللوجو) */
    --nt-blue-dark: #0E4478;       /* أغمق قليلاً للأزرار */
    --nt-blue-soft: #EAF2FA;       /* خلفية زرقاء فاتحة جداً */
    --nt-light-blue: #2196F3;      /* الأزرق السماوي الفاتح (اللوجو) */
    --nt-accent: #00B4D8;          /* الأزرق السماوي اللامع (المربعات) */
    --nt-accent-glow: rgba(33, 150, 243, 0.5);

    /* ---------- Aurora Gradients (مطابقة للوجو) ---------- */
    --nt-gradient-main: linear-gradient(135deg, #0B1E36 0%, #13599C 100%);
    --nt-gradient-glow: linear-gradient(135deg, #13599C 0%, #2196F3 100%);
    --nt-gradient-aurora: linear-gradient(135deg, #13599C 0%, #2196F3 50%, #00B4D8 100%);
    --nt-gradient-sidebar: linear-gradient(180deg, #071324 0%, #0B1E36 100%);
    --nt-gradient-surface: linear-gradient(180deg, #ffffff 0%, #F4F8FC 100%);
    --nt-gradient-mesh: radial-gradient(circle at top left, rgba(33, 150, 243, 0.05), transparent 50%);

    /* ---------- Backgrounds & Surfaces ---------- */
    --bg-body: #F4F7FB;
    --bg-soft: #F8FAFC;
    --surface: #ffffff;
    --surface-hover: #EEF4FF;
    --surface-muted: #F1F5F9;

    /* ---------- Text Colors ---------- */
    --text-main: #0B1E36;          /* نفس درجة الكحلي للنصوص الأساسية */
    --text-muted: #475569;
    --text-light: #94A3B8;
    --text-inverse: #ffffff;

    /* ---------- Borders & Glass ---------- */
    --border-color: #E2E8F0;
    --border-hover: #CBD5E1;
    --border-focus: var(--nt-light-blue);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-bg: rgba(255, 255, 255, 0.65);

    /* ---------- Semantic Colors ---------- */
    --success: #059669;
    --success-dark: #047857;
    --success-bg: #ECFDF5;
    --success-border: #A7F3D0;

    --danger: #DC2626;
    --danger-dark: #B91C1C;
    --danger-bg: #FEF2F2;
    --danger-border: #FECACA;

    --warning: #D97706;
    --warning-dark: #B45309;
    --warning-bg: #FEF3C7;
    --warning-border: #FDE68A;

    --info: #0284C7;
    --info-dark: #0369A1;
    --info-bg: #E0F2FE;
    --info-border: #BAE6FD;

    --neutral: #64748B;
    --neutral-bg: #F1F5F9;
    --neutral-border: #CBD5E1;

    /* ---------- Hyper-Shadows ---------- */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.02);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02), 0 4px 8px rgba(11, 30, 54, 0.04);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.02), 0 8px 24px rgba(11, 30, 54, 0.06);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.03), 0 24px 48px rgba(11, 30, 54, 0.08);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.04), 0 32px 64px rgba(11, 30, 54, 0.12);
    --shadow-btn: 0 4px 12px rgba(19, 89, 156, 0.2);
    --shadow-btn-hover: 0 8px 20px rgba(19, 89, 156, 0.3);
    --shadow-glow: 0 0 25px rgba(33, 150, 243, 0.3);

    /* ---------- Radii ---------- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* ---------- Typography Scale ---------- */
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.75rem;

    /* ---------- Spatial System ---------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    /* ---------- Legacy Aliases (Backward Compat) ---------- */
    --brand-primary: var(--nt-blue);
    --brand-primary-dark: var(--nt-dark-navy);
    --brand-primary-light: var(--nt-blue-soft);
    --brand-danger: var(--danger);
    
    /* كل الموديولات بتشاور على نفس اللون */
    --c-br: var(--nt-blue); --c-br-dark: var(--nt-dark-navy); --c-br-light: var(--nt-blue-soft);
    --c-fp: var(--nt-blue); --c-fp-dark: var(--nt-dark-navy); --c-fp-light: var(--nt-blue-soft);
    --tc-primary: var(--nt-blue); --tc-dark: var(--nt-dark-navy); --tc-light: var(--nt-blue-soft);
    --al-primary: var(--nt-blue); --al-dark: var(--nt-dark-navy); --al-light: var(--nt-blue-soft);
    --c-tx: var(--nt-blue); --c-tx-dark: var(--nt-dark-navy); --c-tx-light: var(--nt-blue-soft);
    --c-bs: var(--nt-blue); --c-bs-dark: var(--nt-dark-navy); --c-bs-light: var(--nt-blue-soft);
    --c-cf: var(--nt-blue); --c-cf-dark: var(--nt-dark-navy); --c-cf-light: var(--nt-blue-soft);
    --c-is: var(--nt-blue); --c-is-dark: var(--nt-dark-navy); --c-is-light: var(--nt-blue-soft);
    --c-rep: var(--nt-blue); --c-rep-dark: var(--nt-dark-navy);
    --gmt-primary: var(--nt-blue); --gmt-dark: var(--nt-dark-navy); --gmt-light: var(--nt-blue-soft);
    --gmt-accent: var(--nt-accent); --gmt-accent-glow: var(--nt-accent-glow);
}