:root {
  --alg-gold-50: #fff8e1;
  --alg-gold-100: #ffefb3;
  --alg-gold-200: #ffe082;
  --alg-gold-300: #ffd54f;
  --alg-gold-400: #ffca28;
  --alg-gold-500: #d4a017;
  --alg-gold-600: #b8860b;
  --alg-gold-700: #996f00;
  --alg-gold-800: #7a5900;
  --alg-gold-900: #5c4300;
  --alg-gold-glow: rgba(212, 160, 23, 0.25);
  --alg-gold-glow-strong: rgba(212, 160, 23, 0.38);
}

body {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 215, 0, 0.12), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(255, 193, 7, 0.12), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(212, 160, 23, 0.10), transparent 34%),
    linear-gradient(180deg, #fffdf7 0%, #fffaf0 100%) !important;
}

a,
.text-primary-500,
.text-primary-600,
.text-primary-700,
.hover\:text-primary-500:hover,
.hover\:text-primary-600:hover,
.hover\:text-primary-700:hover,
.dark .dark\:text-primary-300,
.dark .dark\:text-primary-400,
.dark .dark\:text-primary-500,
.dark .dark\:text-primary-600 {
  color: var(--alg-gold-600) !important;
}

.bg-primary-50,
.bg-primary-100,
.bg-primary-500,
.bg-primary-600,
.hover\:bg-primary-50:hover,
.hover\:bg-primary-100:hover,
.hover\:bg-primary-500:hover,
.hover\:bg-primary-600:hover,
.dark .dark\:bg-primary-900\/20,
.dark .dark\:bg-primary-900\/30,
.dark .dark\:bg-primary-900\/40 {
  background-color: color-mix(in srgb, var(--alg-gold-500) 18%, white) !important;
}

.border-primary-200,
.border-primary-300,
.border-primary-400,
.border-primary-500,
.border-primary-600,
.focus\:border-primary-500:focus,
.dark .dark\:border-primary-700,
.dark .dark\:border-primary-800 {
  border-color: var(--alg-gold-400) !important;
}

.ring-primary-100,
.ring-primary-500\/30,
.ring-primary-500\/50,
.focus\:ring-primary-500:focus,
.focus\:ring-primary-500\/30:focus,
.focus\:ring-primary-500\/50:focus,
.dark .dark\:ring-primary-900 {
  --tw-ring-color: rgba(212, 160, 23, 0.34) !important;
}

.from-primary-400,
.from-primary-500,
.from-primary-600,
.from-emerald-500,
.from-emerald-600,
.from-teal-50,
.dark .dark\:from-emerald-900\/20,
.dark .dark\:from-teal-900\/20 {
  --tw-gradient-from: var(--alg-gold-500) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(212 160 23 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-primary-400,
.to-primary-500,
.to-primary-600,
.to-primary-700,
.to-accent-500,
.to-emerald-600,
.to-teal-50,
.dark .dark\:to-teal-900\/20 {
  --tw-gradient-to: var(--alg-gold-700) var(--tw-gradient-to-position) !important;
}

.btn-primary,
[class*='btn-primary'] {
  background: linear-gradient(135deg, #d4a017 0%, #b8860b 100%) !important;
  color: #fffdf6 !important;
  box-shadow: 0 12px 28px rgba(212, 160, 23, 0.26) !important;
  border: 1px solid rgba(184, 134, 11, 0.32) !important;
}

.btn-primary:hover,
[class*='btn-primary']:hover {
  background: linear-gradient(135deg, #e0ad22 0%, #c49110 100%) !important;
  box-shadow: 0 16px 36px rgba(212, 160, 23, 0.34) !important;
}

.badge-primary,
.stat-icon-primary,
[class*='bg-emerald-100'],
[class*='text-emerald-600'],
[class*='text-emerald-700'] {
  background-color: rgba(212, 160, 23, 0.14) !important;
  color: var(--alg-gold-700) !important;
}

[class*='shadow-primary-500'],
[class*='shadow-emerald-500'] {
  --tw-shadow-color: rgba(212, 160, 23, 0.28) !important;
}

input:focus,
textarea:focus,
select:focus,
.input:focus {
  border-color: var(--alg-gold-400) !important;
  --tw-ring-color: rgba(212, 160, 23, 0.28) !important;
}

.auth-brand-title,
h1,
.bg-clip-text.text-transparent {
  background-image: linear-gradient(135deg, #d4a017 0%, #8f6b00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

[class*='shadow-glow'],
[class*='glow'],
.shadow-lg {
  box-shadow: 0 10px 30px rgba(212, 160, 23, 0.18) !important;
}