:root {

  --font-body: Georgia, Times, serif;
  --text-sm: 0.875rem;   
  --text-base: 1rem;     
  --text-lg: 1.25rem;    
  --text-xl: 2.5rem;     

  --color-primary: #F99602;
  --color-primary-50: #FFF7ED;
  --color-primary-100: #FFEDD5;
  --color-primary-200: #FED7AA;
  --color-primary-300: #FDBA74;
  --color-primary-400: #FB923C;
  --color-primary-500: #F99602;
  --color-primary-600: #EA8600;
  --color-primary-700: #C26F00;
  --color-primary-800: #9A5900;
  --color-primary-900: #7C4700;
  --color-primary-950: #431F00;

  --color-secondary: #254482;
  --color-secondary-50: #EFF6FF;
  --color-secondary-100: #DBEAFE;
  --color-secondary-200: #BFDBFE;
  --color-secondary-300: #93C5FD;
  --color-secondary-400: #60A5FA;
  --color-secondary-500: #3B82F6;
  --color-secondary-600: #254482;
  --color-secondary-700: #1E3A75;
  --color-secondary-800: #1D3461;
  --color-secondary-900: #1A2E50;
  --color-secondary-950: #0F1A30;

  --color-black: #000000;
  --color-gray: #808080;
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #808080;
  --color-gray-600: #6B7280;
  --color-gray-700: #4B5563;
  --color-gray-800: #374151;
  --color-gray-900: #1F2937;

  --color-light-blue: #D9E2F3;
  --color-light-yellow: #FFE599;

  --color-success: #10B981;
  --color-error: #EF4444;
  --color-warning: #F59E0B;
  --color-info: #3B82F6;

  --bg-primary: #FFFFFF;
  --bg-secondary: #F9FAFB;
  --bg-dark: var(--color-secondary-900);

  --text-primary: #1F2937;
  --text-secondary: #6B7280;
  --text-light: #FFFFFF;
}

.bg-orange-50 { background-color: var(--color-primary-50) !important; }
.bg-orange-100 { background-color: var(--color-primary-100) !important; }
.bg-orange-200 { background-color: var(--color-primary-200) !important; }
.bg-orange-300 { background-color: var(--color-primary-300) !important; }
.bg-orange-400 { background-color: var(--color-primary-400) !important; }
.bg-orange-500 { background-color: var(--color-primary-500) !important; }
.bg-orange-600 { background-color: var(--color-primary-600) !important; }
.bg-orange-700 { background-color: var(--color-primary-700) !important; }
.bg-orange-800 { background-color: var(--color-primary-800) !important; }
.bg-orange-900 { background-color: var(--color-primary-900) !important; }
.bg-orange-950 { background-color: var(--color-primary-950) !important; }

.text-orange-50 { color: var(--color-primary-50) !important; }
.text-orange-100 { color: var(--color-primary-100) !important; }
.text-orange-200 { color: var(--color-primary-200) !important; }
.text-orange-300 { color: var(--color-primary-300) !important; }
.text-orange-400 { color: var(--color-primary-400) !important; }
.text-orange-500 { color: var(--color-primary-500) !important; }
.text-orange-600 { color: var(--color-primary-600) !important; }
.text-orange-700 { color: var(--color-primary-700) !important; }
.text-orange-800 { color: var(--color-primary-800) !important; }
.text-orange-900 { color: var(--color-primary-900) !important; }
.text-orange-950 { color: var(--color-primary-950) !important; }

.border-orange-50 { border-color: var(--color-primary-50) !important; }
.border-orange-100 { border-color: var(--color-primary-100) !important; }
.border-orange-200 { border-color: var(--color-primary-200) !important; }
.border-orange-300 { border-color: var(--color-primary-300) !important; }
.border-orange-400 { border-color: var(--color-primary-400) !important; }
.border-orange-500 { border-color: var(--color-primary-500) !important; }
.border-orange-600 { border-color: var(--color-primary-600) !important; }
.border-orange-700 { border-color: var(--color-primary-700) !important; }
.border-orange-800 { border-color: var(--color-primary-800) !important; }
.border-orange-900 { border-color: var(--color-primary-900) !important; }

.hover\:bg-orange-50:hover { background-color: var(--color-primary-50) !important; }
.hover\:bg-orange-100:hover { background-color: var(--color-primary-100) !important; }
.hover\:bg-orange-200:hover { background-color: var(--color-primary-200) !important; }
.hover\:bg-orange-300:hover { background-color: var(--color-primary-300) !important; }
.hover\:bg-orange-400:hover { background-color: var(--color-primary-400) !important; }
.hover\:bg-orange-500:hover { background-color: var(--color-primary-500) !important; }
.hover\:bg-orange-600:hover { background-color: var(--color-primary-600) !important; }
.hover\:bg-orange-700:hover { background-color: var(--color-primary-700) !important; }
.hover\:bg-orange-800:hover { background-color: var(--color-primary-800) !important; }
.hover\:bg-orange-900:hover { background-color: var(--color-primary-900) !important; }

.hover\:text-orange-50:hover { color: var(--color-primary-50) !important; }
.hover\:text-orange-100:hover { color: var(--color-primary-100) !important; }
.hover\:text-orange-200:hover { color: var(--color-primary-200) !important; }
.hover\:text-orange-300:hover { color: var(--color-primary-300) !important; }
.hover\:text-orange-400:hover { color: var(--color-primary-400) !important; }
.hover\:text-orange-500:hover { color: var(--color-primary-500) !important; }
.hover\:text-orange-600:hover { color: var(--color-primary-600) !important; }
.hover\:text-orange-700:hover { color: var(--color-primary-700) !important; }
.hover\:text-orange-800:hover { color: var(--color-primary-800) !important; }
.hover\:text-orange-900:hover { color: var(--color-primary-900) !important; }

.focus\:ring-orange-50:focus { --tw-ring-color: var(--color-primary-50) !important; }
.focus\:ring-orange-100:focus { --tw-ring-color: var(--color-primary-100) !important; }
.focus\:ring-orange-200:focus { --tw-ring-color: var(--color-primary-200) !important; }
.focus\:ring-orange-300:focus { --tw-ring-color: var(--color-primary-300) !important; }
.focus\:ring-orange-400:focus { --tw-ring-color: var(--color-primary-400) !important; }
.focus\:ring-orange-500:focus { --tw-ring-color: var(--color-primary-500) !important; }
.focus\:ring-orange-600:focus { --tw-ring-color: var(--color-primary-600) !important; }
.focus\:ring-orange-700:focus { --tw-ring-color: var(--color-primary-700) !important; }
.focus\:ring-orange-800:focus { --tw-ring-color: var(--color-primary-800) !important; }
.focus\:ring-orange-900:focus { --tw-ring-color: var(--color-primary-900) !important; }

.from-orange-50 { --tw-gradient-from: var(--color-primary-50) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-100 { --tw-gradient-from: var(--color-primary-100) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-200 { --tw-gradient-from: var(--color-primary-200) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-300 { --tw-gradient-from: var(--color-primary-300) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-400 { --tw-gradient-from: var(--color-primary-400) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-500 { --tw-gradient-from: var(--color-primary-500) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-600 { --tw-gradient-from: var(--color-primary-600) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-700 { --tw-gradient-from: var(--color-primary-700) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-800 { --tw-gradient-from: var(--color-primary-800) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-900 { --tw-gradient-from: var(--color-primary-900) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.to-orange-50 { --tw-gradient-to: var(--color-primary-50) !important; }
.to-orange-100 { --tw-gradient-to: var(--color-primary-100) !important; }
.to-orange-200 { --tw-gradient-to: var(--color-primary-200) !important; }
.to-orange-300 { --tw-gradient-to: var(--color-primary-300) !important; }
.to-orange-400 { --tw-gradient-to: var(--color-primary-400) !important; }
.to-orange-500 { --tw-gradient-to: var(--color-primary-500) !important; }
.to-orange-600 { --tw-gradient-to: var(--color-primary-600) !important; }
.to-orange-700 { --tw-gradient-to: var(--color-primary-700) !important; }
.to-orange-800 { --tw-gradient-to: var(--color-primary-800) !important; }
.to-orange-900 { --tw-gradient-to: var(--color-primary-900) !important; }

.via-orange-50 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-50), var(--tw-gradient-to) !important; }
.via-orange-100 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-100), var(--tw-gradient-to) !important; }
.via-orange-200 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-200), var(--tw-gradient-to) !important; }
.via-orange-300 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-300), var(--tw-gradient-to) !important; }
.via-orange-400 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-400), var(--tw-gradient-to) !important; }
.via-orange-500 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-500), var(--tw-gradient-to) !important; }
.via-orange-600 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-600), var(--tw-gradient-to) !important; }
.via-orange-700 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-700), var(--tw-gradient-to) !important; }
.via-orange-800 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-800), var(--tw-gradient-to) !important; }
.via-orange-900 { --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-900), var(--tw-gradient-to) !important; }

.hover\:from-orange-50:hover { --tw-gradient-from: var(--color-primary-50) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-100:hover { --tw-gradient-from: var(--color-primary-100) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-200:hover { --tw-gradient-from: var(--color-primary-200) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-300:hover { --tw-gradient-from: var(--color-primary-300) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-400:hover { --tw-gradient-from: var(--color-primary-400) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-500:hover { --tw-gradient-from: var(--color-primary-500) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-600:hover { --tw-gradient-from: var(--color-primary-600) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-700:hover { --tw-gradient-from: var(--color-primary-700) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-800:hover { --tw-gradient-from: var(--color-primary-800) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-orange-900:hover { --tw-gradient-from: var(--color-primary-900) !important; --tw-gradient-to: rgba(249, 150, 2, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.hover\:to-orange-50:hover { --tw-gradient-to: var(--color-primary-50) !important; }
.hover\:to-orange-100:hover { --tw-gradient-to: var(--color-primary-100) !important; }
.hover\:to-orange-200:hover { --tw-gradient-to: var(--color-primary-200) !important; }
.hover\:to-orange-300:hover { --tw-gradient-to: var(--color-primary-300) !important; }
.hover\:to-orange-400:hover { --tw-gradient-to: var(--color-primary-400) !important; }
.hover\:to-orange-500:hover { --tw-gradient-to: var(--color-primary-500) !important; }
.hover\:to-orange-600:hover { --tw-gradient-to: var(--color-primary-600) !important; }
.hover\:to-orange-700:hover { --tw-gradient-to: var(--color-primary-700) !important; }
.hover\:to-orange-800:hover { --tw-gradient-to: var(--color-primary-800) !important; }
.hover\:to-orange-900:hover { --tw-gradient-to: var(--color-primary-900) !important; }

.btn-primary {
  background-color: var(--color-primary-600);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s;
}

.btn-primary:hover {
  background-color: var(--color-primary-700);
  transform: scale(1.02);
}

.btn-secondary {
  background-color: var(--color-secondary-600);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s;
}

.btn-secondary:hover {
  background-color: var(--color-secondary-700);
  transform: scale(1.02);
}

.gradient-primary {
  background: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));
}

.gradient-secondary {
  background: linear-gradient(135deg, var(--color-secondary-600), var(--color-secondary-800));
}

.gradient-accent {
  background: linear-gradient(135deg, var(--color-primary-600), var(--color-secondary-600));
}