/* OFM Brand Colors - Static definitions */
:root {
  /* OFM Static Brand Colors as CSS variables */
  --ofm-red: #AE2423;
  --ofm-dark: #333333;
  --ofm-light: #F5F5F5;
  --ofm-primary: #339900;
  --ofm-blue: #4399e5;
  --ofm-green: #339900;
  --ofm-yellow: #EFC307;
  --ofm-orange: #EF8741;
  --ofm-brown: #996633;

  /* Default theme colors (these get overridden by theme_style_tag) */
  --theme-primary-color: #4F46E5;
  --theme-primary-dark-color: #4338CA;
  --theme-secondary-color: #10B981;
  --theme-accent-color: #F59E0B;
  --theme-background-color: #FFFFFF;
  --theme-text-color: #111827;
}

/* Direct color classes for immediate use */
.bg-ofm-red {
  background-color: var(--ofm-red);
}

.text-ofm-red {
  color: var(--ofm-red);
}

.border-ofm-red {
  border-color: var(--ofm-red);
}

.bg-ofm-dark {
  background-color: var(--ofm-dark);
}

.text-ofm-dark {
  color: var(--ofm-dark);
}

.border-ofm-dark {
  border-color: var(--ofm-dark);
}

.bg-ofm-light {
  background-color: var(--ofm-light);
}

.text-ofm-light {
  color: var(--ofm-light);
}

.border-ofm-light {
  border-color: var(--ofm-light);
}

.bg-ofm-primary {
  background-color: var(--ofm-primary);
}

.text-ofm-primary {
  color: var(--ofm-primary);
}

.border-ofm-primary {
  border-color: var(--ofm-primary);
}

.bg-ofm-blue {
  background-color: var(--ofm-blue);
}

.text-ofm-blue {
  color: var(--ofm-blue);
}

.border-ofm-blue {
  border-color: var(--ofm-blue);
}

.bg-ofm-green {
  background-color: var(--ofm-green);
}

.text-ofm-green {
  color: var(--ofm-green);
}

.border-ofm-green {
  border-color: var(--ofm-green);
}

.bg-ofm-yellow {
  background-color: var(--ofm-yellow);
}

.text-ofm-yellow {
  color: var(--ofm-yellow);
}

.border-ofm-yellow {
  border-color: var(--ofm-yellow);
}

.bg-ofm-orange {
  background-color: var(--ofm-orange);
}

.text-ofm-orange {
  color: var(--ofm-orange);
}

.border-ofm-orange {
  border-color: var(--ofm-orange);
}

.bg-ofm-brown {
  background-color: var(--ofm-brown);
}

.text-ofm-brown {
  color: var(--ofm-brown);
}

.border-ofm-brown {
  border-color: var(--ofm-brown);
}

/* Theme color classes as fallback */
.bg-theme-primary {
  background-color: var(--theme-primary-color) !important;
}

.bg-theme-primary-dark {
  background-color: var(--theme-primary-dark-color) !important;
}

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

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

.text-theme-primary {
  color: var(--theme-primary-color) !important;
}

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

.text-theme-accent {
  color: var(--theme-accent-color) !important;
}

.text-theme-text {
  color: var(--theme-text-color) !important;
}