/* 
   🎨 ACCENT.CSS - FINAL OVERRIDE CSS 
   This should load LAST to override any previous styles
   CSS Priority: MudBlazor → Nova → App.css → Accent.css
*/
:root{
        --accent-50: #FCEAE3;
        --accent-100: #F8CCBC;
        --accent-200: #F4AE95;
        --accent-300: #EF906E;
        --accent-400: #EB7247;
        --accent-500: #E75420;
        --accent-600: #BF451A;
        --accent-700: #963715;
        --accent-800: #6E280F;
        --accent-900: #45190A;
        --accent-950: #371408;
        --accent-975: #1F0A04;
        --action: #258998;
        --action-hover: #4B9EAA;
}
.text-accent-50 {
  color: var(--accent-50);
}
.text-accent-100 {
  color: var(--accent-100);
}
.text-accent-200 {
  color: var(--accent-200);
}
.text-accent-300 {
  color: var(--accent-300);
}
.text-accent-400 {
  color: var(--accent-400);
}
.text-accent-500 {
  color: var(--accent-500);
}
.text-accent-600 {
  color: var(--accent-600);
}
.text-accent-700 {
  color: var(--accent-700);
}
.text-accent-800 {
  color: var(--accent-800);
}
.text-accent-900 {
  color: var(--accent-900);
}
.text-accent-950 {
  color: var(--accent-950);
}
.bg-accent-50 {
  background-color: var(--accent-50);
}
.bg-accent-100 {
  background-color: var(--accent-100);
}
.bg-accent-200 {
  background-color: var(--accent-200);
}
.bg-accent-300 {
  background-color: var(--accent-300);
}
.bg-accent-400 {
  background-color: var(--accent-400);
}
.bg-accent-500 {
  background-color: var(--accent-500);
}
.bg-accent-600 {
  background-color: var(--accent-600);
}
.bg-accent-700 {
  background-color: var(--accent-700);
}
.bg-accent-800 {
  background-color: var(--accent-800);
}
.bg-accent-900 {
  background-color: var(--accent-900);
}
.bg-accent-950 {
  background-color: var(--accent-950);
}
.bg-accent-975 {
  background-color: var(--accent-975);
}

.border-accent-50 {
  border-color: var(--accent-50);
}
.border-accent-100 {
  border-color: var(--accent-100);
}
.border-accent-200 {
  border-color: var(--accent-200);
}
.border-accent-300 {
  border-color: var(--accent-300);
}
.border-accent-400 {
  border-color: var(--accent-400);
}
.border-accent-500 {
  border-color: var(--accent-500);
}
.border-accent-600 {
  border-color: var(--accent-600);
}
.border-accent-700 {
  border-color: var(--accent-700);
}
.border-accent-800 {
  border-color: var(--accent-800);
}
.border-accent-900 {
  border-color: var(--accent-900);
}
.border-accent-950 {
  border-color: var(--accent-950);
}

.link {
    color: var(--accent-600) !important;
    &:hover {
        color: var(--accent-500) !important;
    }
}