/* Dynamic Theme Colors - Can be changed from admin dashboard */
:root {
  --color-primary-50: #f0f9ff;
  --color-primary-100: #e0f2fe;
  --color-primary-500: #0ea5e9;
  --color-primary-600: #0284c7;
  --color-primary-700: #0369a1;
  --color-primary-800: #075985;
  --color-primary-900: #0c4a6e;
  
  --color-gold-400: #d4af37;
  --color-gold-500: #c5a028;
  --color-gold-600: #b08d1f;
}

/* Utility classes using CSS variables */
.bg-primary-50 { background-color: var(--color-primary-50); }
.bg-primary-100 { background-color: var(--color-primary-100); }
.bg-primary-500 { background-color: var(--color-primary-500); }
.bg-primary-600 { background-color: var(--color-primary-600); }
.bg-primary-700 { background-color: var(--color-primary-700); }
.bg-primary-800 { background-color: var(--color-primary-800); }
.bg-primary-900 { background-color: var(--color-primary-900); }

.text-primary-50 { color: var(--color-primary-50); }
.text-primary-100 { color: var(--color-primary-100); }
.text-primary-500 { color: var(--color-primary-500); }
.text-primary-600 { color: var(--color-primary-600); }
.text-primary-700 { color: var(--color-primary-700); }
.text-primary-800 { color: var(--color-primary-800); }
.text-primary-900 { color: var(--color-primary-900); }

.border-primary-200 { border-color: var(--color-primary-100); }
.border-primary-500 { border-color: var(--color-primary-500); }

.bg-gold-400 { background-color: var(--color-gold-400); }
.bg-gold-500 { background-color: var(--color-gold-500); }
.bg-gold-600 { background-color: var(--color-gold-600); }

.text-gold-400 { color: var(--color-gold-400); }
.text-gold-500 { color: var(--color-gold-500); }
.text-gold-600 { color: var(--color-gold-600); }

/* Gradient using CSS variables */
.from-primary-600 { --tw-gradient-from: var(--color-primary-600); }
.to-primary-800 { --tw-gradient-to: var(--color-primary-800); }