/**
 * FireMetrix - Global Styles
 * CSS Variables are set dynamically via branding.ts
 *
 * To whitelabel this application:
 * 1. Update branding.ts with your brand colors and assets
 * 2. Replace favicon.svg and logo files in the public folder
 * 3. Update the CSS variables below to match your branding.ts colors
 */

:root {
  /* Brand colors - update these to match branding.ts */
  --brand-primary: #141E46;
  --brand-accent: #DC3C28;
  --brand-primary-hover: #1a2857;
  --brand-primary-light: #2a3a6b;
  --brand-border: #2a3a6b;
}

/* Sidebar brand styling */
.sidebar-brand {
  background-color: var(--brand-primary);
}

.sidebar-brand-hover:hover {
  background-color: var(--brand-primary-hover);
}

.text-brand-accent {
  color: var(--brand-accent);
}

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

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

/* Selected/active states with brand colors */
.brand-selected {
  background-color: var(--brand-accent);
  color: var(--brand-primary);
}

.brand-active {
  background-color: var(--brand-primary-hover);
  color: var(--brand-accent);
}