/* Common Color Palette & Variables */
:root {
  /* Brand Colors */
  --brand-50: #E2F2FD;
  --brand-100: #C5E5FB;
  --brand-200: #8CCBF8;
  --brand-300: #52B1F4;
  --brand-400: #1997F1;
  --brand-500: #0C75C0;
  --brand-600: #0A5E9A;
  --brand-700: #074673;
  --brand-800: #052F4D;
  --brand-900: #021726;
  --brand-950: #010C13;

  /* Grey Colors */
  --grey-50: #F4F5F6;
  --grey-100: #EBEDEF;
  --grey-200: #D7DCE0;
  --grey-300: #C0C8CE;
  --grey-400: #ACB6BE;
  --grey-500: #98A5AF;
  --grey-600: #728492;
  --grey-700: #55636D;
  --grey-800: #3A434B;
  --grey-900: #1D2225;
  --grey-950: #0D1011;

  /* Green Colors (Success) */
  --green-50: #E4FCED;
  --green-100: #C9F8DB;
  --green-200: #8EF1B4;
  --green-300: #57EA90;
  --green-400: #21E36B;
  --green-500: #16AF51;
  --green-600: #128C41;
  --green-700: #0D6830;
  --green-800: #09441F;
  --green-900: #052411;
  --green-950: #021208;

  /* Orange Colors (Warning) */
  --orange-50: #FFFBE5;
  --orange-100: #FFF7CC;
  --orange-200: #FFEE99;
  --orange-300: #FFE666;
  --orange-400: #FFE666;
  --orange-500: #FFD400;
  --orange-600: #CCAA00;
  --orange-700: #998000;
  --orange-800: #665500;
  --orange-900: #332B00;
  --orange-950: #191500;

  /* Red Colors (Error) */
  --red-50: #FCE9EA;
  --red-100: #F9D2D5;
  --red-200: #F3AAAF;
  --red-300: #EC7E85;
  --red-400: #E6565F;
  --red-500: #E02A36;
  --red-600: #BB1B26;
  --red-700: #8A141C;
  --red-800: #5D0E13;
  --red-900: #2D0609;
  --red-950: #160305;

  /* Luxury Gold/Premium Accent Colors */
  --gold-50: #FFFBEB;
  --gold-100: #FEF3C7;
  --gold-200: #FDE68A;
  --gold-300: #FCD34D;
  --gold-400: #FBBF24;
  --gold-500: #D4A017;
  --gold-600: #B8860B;
  --gold-700: #92650A;
  --gold-800: #6B4A09;
  --gold-900: #422D05;
  --gold-950: #1F1502;

  /* Deep Blue / Reliability Accent Colors */
  --deep-blue-50: #EFF6FF;
  --deep-blue-100: #DBEAFE;
  --deep-blue-200: #BFDBFE;
  --deep-blue-300: #93C5FD;
  --deep-blue-400: #60A5FA;
  --deep-blue-500: #3B82F6;
  --deep-blue-600: #2563EB;
  --deep-blue-700: #1D4ED8;
  --deep-blue-800: #1E40AF;
  --deep-blue-900: #1E3A8A;

  /* Typography */
  --font: 'Poppins', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-arabic: 'Cairo', 'Poppins', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Fira Code', 'Monaco', 'Consolas', monospace;

  /* Common */
  --white: #FFFFFF;

  /* Luxury Gradients */
  --gradient-gold: linear-gradient(135deg, var(--gold-400) 0%, var(--gold-600) 100%);
  --gradient-premium: linear-gradient(135deg, var(--brand-500) 0%, var(--deep-blue-600) 50%, var(--gold-500) 100%);
  --gradient-hero: linear-gradient(135deg, rgba(12, 117, 192, 0.15) 0%, rgba(59, 130, 246, 0.1) 50%, rgba(212, 160, 23, 0.08) 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}