/* Dynamic Theme CSS - Generated from Settings */

:root {
  --brand-primary: #b0000f;
  --brand-primary-hover: #95000c;
  --brand-secondary: #64748b;
  --brand-accent: #ad0707;
  --brand-success: #079163;
  --brand-warning: #f59e0b;
  --brand-error: #ef4444;
  --font-heading: Inter, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
}

.bg-brand-primary { background-color: #b0000f; }
.bg-brand-primary-hover { background-color: #95000c; }
.bg-brand-secondary { background-color: #64748b; }
.bg-brand-accent { background-color: #ad0707; }
.bg-brand-success { background-color: #079163; }
.bg-brand-warning { background-color: #f59e0b; }
.bg-brand-error { background-color: #ef4444; }

.bg-brand-red { background-color: #b0000f; }
.bg-brand-black { background-color: #64748b; }

.hover\:bg-brand-primary:hover { background-color: #b0000f; }
.hover\:bg-brand-primary-hover:hover { background-color: #95000c; }
.hover\:bg-brand-secondary:hover { background-color: #64748b; }
.hover\:bg-brand-red-dark:hover { background-color: #95000c; }

.text-brand-primary { color: #b0000f; }
.text-brand-secondary { color: #64748b; }
.text-brand-accent { color: #ad0707; }
.text-brand-success { color: #079163; }
.text-brand-warning { color: #f59e0b; }
.text-brand-error { color: #ef4444; }
.text-brand-red { color: #b0000f; }
.text-brand-black { color: #64748b; }

.hover\:text-brand-primary:hover { color: #b0000f; }
.hover\:text-brand-primary-hover:hover { color: #95000c; }

.border-brand-primary { border-color: #b0000f; }
.border-brand-secondary { border-color: #64748b; }
.border-brand-accent { border-color: #ad0707; }
.border-brand-success { border-color: #079163; }
.border-brand-warning { border-color: #f59e0b; }
.border-brand-error { border-color: #ef4444; }
.border-brand-red { border-color: #b0000f; }

.ring-brand-primary { --tw-ring-color: #b0000f; }
.focus\:ring-brand-primary:focus { --tw-ring-color: #b0000f; }

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: var(--font-heading);
}

body, .font-body {
  font-family: var(--font-body);
}

.btn-primary {
  background-color: #b0000f;
  color: white;
  transition: background-color 0.2s ease;
}
.btn-primary:hover {
  background-color: #95000c;
}

.btn-secondary {
  background-color: #64748b;
  color: white;
}