/* Tailwind CSS Configuration - Custom Theme Colors and Extensions */
/* This file contains the custom Tailwind configuration that was previously inline */

:root {
  --color-primary: #0a0a0a;
  --color-secondary: #1a1a1a;
  --color-accent: #d4af37;
  --color-accent-light: #f4e4c1;
  --color-accent-dark: #b8941e;
  --color-blue-primary: #1e3a8a;
  --color-blue-dark: #1e40af;
  --color-blue-light: #3b82f6;
  --color-red-accent: #dc2626;
  --color-red-dark: #b91c1c;
  --color-light: #fafafa;
  --color-gray-elegant: #2d2d2d;
  --color-gray-custom: #6b6b6b;
}

/* Custom utility classes for Tailwind theme extensions */
.text-primary { color: var(--color-primary) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.border-primary { border-color: var(--color-primary) !important; }

.text-secondary { color: var(--color-secondary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }

.text-accent { color: var(--color-accent) !important; }
.bg-accent { background-color: var(--color-accent) !important; }
.border-accent { border-color: var(--color-accent) !important; }

.text-accent-light { color: var(--color-accent-light) !important; }
.bg-accent-light { background-color: var(--color-accent-light) !important; }

.text-accent-dark { color: var(--color-accent-dark) !important; }
.bg-accent-dark { background-color: var(--color-accent-dark) !important; }

.text-blue-primary { color: var(--color-blue-primary) !important; }
.bg-blue-primary { background-color: var(--color-blue-primary) !important; }

.text-blue-dark { color: var(--color-blue-dark) !important; }
.bg-blue-dark { background-color: var(--color-blue-dark) !important; }

.text-blue-light { color: var(--color-blue-light) !important; }
.bg-blue-light { background-color: var(--color-blue-light) !important; }

.text-red-accent { color: var(--color-red-accent) !important; }
.bg-red-accent { background-color: var(--color-red-accent) !important; }

.text-red-dark { color: var(--color-red-dark) !important; }
.bg-red-dark { background-color: var(--color-red-dark) !important; }

.text-light { color: var(--color-light) !important; }
.bg-light { background-color: var(--color-light) !important; }

.text-gray-elegant { color: var(--color-gray-elegant) !important; }
.bg-gray-elegant { background-color: var(--color-gray-elegant) !important; }

.text-gray-custom { color: var(--color-gray-custom) !important; }
.bg-gray-custom { background-color: var(--color-gray-custom) !important; }

/* Custom shadow utilities */
.shadow-luxury {
  box-shadow: 0 30px 60px rgba(212, 175, 55, 0.15), 0 10px 30px rgba(0, 0, 0, 0.1);
}

.shadow-luxury-lg {
  box-shadow: 0 40px 80px rgba(212, 175, 55, 0.2), 0 15px 40px rgba(0, 0, 0, 0.15);
}