/* UAE Federal Design System - Color Variables */
:root {
  /* Primary Brand Colors - Ajman Gold */
  --ae-gold-50: #F9F7ED;
  --ae-gold-100: #F0E6CC;
  --ae-gold-200: #E1CE99;
  --ae-gold-300: #CFB566;
  --ae-gold-400: #BE9D33;
  --ae-gold-500: #B68A35;      /* Primary Brand */
  --ae-gold-600: #92722A;      /* Accessible UI Alternative */
  --ae-gold-700: #735B22;
  --ae-gold-800: #574419;
  --ae-gold-900: #3C2E11;
  --ae-gold-950: #361E12;

  /* Functional Colors */
  --ae-red-50: #FEF2F2;
  --ae-red-100: #FEE2E2;
  --ae-red-200: #FECACA;
  --ae-red-300: #FCA5A5;
  --ae-red-400: #F87171;
  --ae-red-500: #EA4F49;      /* Error States */
  --ae-red-600: #DC2626;
  --ae-red-700: #B91C1C;
  --ae-red-800: #991B1B;
  --ae-red-900: #7F1D1D;
  --ae-red-950: #450A0A;

  --ae-green-50: #F3FAF4;
  --ae-green-100: #D1FAE5;
  --ae-green-200: #A7F3D0;
  --ae-green-300: #6EE7B7;
  --ae-green-400: #34D399;
  --ae-green-500: #4A9D5C;      /* Success States */
  --ae-green-600: #059669;
  --ae-green-700: #047857;
  --ae-green-800: #065F46;
  --ae-green-900: #064E3B;
  --ae-green-950: #022C22;

  --tech-blue-50: #EFF6FF;
  --tech-blue-100: #DBEAFE;
  --tech-blue-200: #BFDBFE;
  --tech-blue-300: #93C5FD;
  --tech-blue-400: #60A5FA;
  --tech-blue-500: #286CFF;     /* Primary Actions */
  --tech-blue-600: #2563EB;
  --tech-blue-700: #1D4ED8;
  --tech-blue-800: #1E40AF;
  --tech-blue-900: #1E3A8A;
  --tech-blue-950: #172554;

  --sea-blue-50: #F0F9FF;
  --sea-blue-100: #E0F2FE;
  --sea-blue-200: #BAE6FD;
  --sea-blue-300: #7DD3FC;
  --sea-blue-400: #38BDF8;
  --sea-blue-500: #00ABEB;      /* Secondary Actions */
  --sea-blue-600: #0284C7;
  --sea-blue-700: #0369A1;
  --sea-blue-800: #075985;
  --sea-blue-900: #0C4A6E;
  --sea-blue-950: #083344;

  --desert-orange-50: #FFF7ED;
  --desert-orange-100: #FFEDD5;
  --desert-orange-200: #FED7AA;
  --desert-orange-300: #FDBA74;
  --desert-orange-400: #FB923C;
  --desert-orange-500: #EB5F24;     /* Warning States */
  --desert-orange-600: #EA580C;
  --desert-orange-700: #C2410C;
  --desert-orange-800: #9A3412;
  --desert-orange-900: #7C2D12;
  --desert-orange-950: #431407;

  --ae-black-50: #F8FAFC;
  --ae-black-100: #F1F5F9;
  --ae-black-200: #E2E8F0;
  --ae-black-300: #CBD5E1;
  --ae-black-400: #94A3B8;
  --ae-black-500: #5F646D;       /* Text, UI Elements */
  --ae-black-600: #475569;
  --ae-black-700: #334155;
  --ae-black-800: #1E293B;
  --ae-black-900: #0F172A;
  --ae-black-950: #020617;

  /* Semantic Colors */
  --success: var(--ae-green-500);
  --warning: var(--desert-orange-500);
  --error: var(--ae-red-500);
  --info: var(--tech-blue-500);
  
  /* Background Colors */
  --bg-primary: #FFFFFF;
  --bg-secondary: var(--ae-black-50);
  --bg-tertiary: var(--ae-black-100);
  --bg-inverse: var(--ae-black-900);
  
  /* Text Colors */
  --text-primary: var(--ae-black-900);
  --text-secondary: var(--ae-black-600);
  --text-tertiary: var(--ae-black-500);
  --text-inverse: #FFFFFF;
  --text-link: var(--tech-blue-500);
}

/* RTL Color Variables */
[dir="rtl"] {
  /* Text direction-specific adjustments */
  --text-align-start: right;
  --text-align-end: left;
  --border-start-start-radius: var(--radius-lg);
  --border-start-end-radius: var(--radius-sm);
  --border-end-start-radius: var(--radius-sm);
  --border-end-end-radius: var(--radius-lg);
}

/* LTR Color Variables */
[dir="ltr"] {
  --text-align-start: left;
  --text-align-end: right;
  --border-start-start-radius: var(--radius-sm);
  --border-start-end-radius: var(--radius-lg);
  --border-end-start-radius: var(--radius-lg);
  --border-end-end-radius: var(--radius-sm);
}