/* Dynamic theme colors - auto-generated by admin panel */
:root {
  --dynamic-primary: #f2671b;
  --dynamic-secondary: #ffb066;
  --dynamic-accent: #617ec2;
  --hero-banner-color: #c8b7af;
  --cart-button-color: #fe7733;
  --sale-badge-color: #080808;
  --footer-bg-color: #ffffff;
  --footer-text-color: #1f2937;
  --footer-text-muted: #6b7280;
  
  /* Override CSS variables from globals.css */
  --sale-color: var(--dynamic-primary);
}

/* Override Tailwind classes with dynamic colors */
.bg-primary { background-color: var(--dynamic-primary) !important; }
.text-primary { color: var(--dynamic-primary) !important; }
.border-primary { border-color: var(--dynamic-primary) !important; }
.hover\:bg-primary:hover { background-color: var(--dynamic-primary) !important; }
.focus\:ring-primary:focus { --tw-ring-color: var(--dynamic-primary) !important; }

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

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

/* Fix hardcoded red colors */
.text-red-600 { color: var(--dynamic-primary) !important; }
.bg-red-600 { background-color: var(--dynamic-primary) !important; }
.border-red-600 { border-color: var(--dynamic-primary) !important; }
.hover\:bg-red-600:hover { background-color: var(--dynamic-primary) !important; }

/* Sale/price colors */
.text-red-500 { color: var(--dynamic-primary) !important; }
.bg-red-500 { background-color: var(--dynamic-primary) !important; }

/* Button variants */
.bg-red-500\/90 { background-color: var(--dynamic-primary) !important; opacity: 0.9; }
.hover\:bg-red-500\/90:hover { background-color: var(--dynamic-primary) !important; opacity: 0.9; }

/* Ring colors */
.ring-red-500 { --tw-ring-color: var(--dynamic-primary) !important; }
.focus\:ring-red-500:focus { --tw-ring-color: var(--dynamic-primary) !important; }

/* Border colors */
.border-red-500 { border-color: var(--dynamic-primary) !important; }
.border-red-600 { border-color: var(--dynamic-primary) !important; }
.border-red-200 { border-color: var(--dynamic-primary) !important; opacity: 0.3; }

/* Background colors for cards/sections */
.bg-red-50 { background-color: var(--dynamic-primary) !important; opacity: 0.1; }
.bg-red-600 { background-color: var(--dynamic-primary) !important; }

/* Text colors */
.text-red-700 { color: var(--dynamic-primary) !important; }
.text-red-800 { color: var(--dynamic-primary) !important; }

/* Hero banner specific color */
.hero-banner-bg { background-color: var(--hero-banner-color) !important; }