/*
 * StaffPlan — FrankenUI Theme Overrides
 * Vibrant palettes with full semantic color roles.
 */

/* ============================================================
   LIGHT BLUE  (vibrant teal-blue)
   ============================================================ */
:root.uk-palette-light-blue {
  --background: 188 15% 97%;
  --foreground: 188 50% 7%;
  --card: 188 20% 99%;
  --card-foreground: 188 50% 7%;
  --popover: 188 20% 100%;
  --popover-foreground: 188 50% 7%;
  --primary: 188 70% 40%;
  --primary-foreground: 0 0% 100%;
  --secondary: 188 30% 92%;
  --secondary-foreground: 188 40% 15%;
  --muted: 188 20% 92%;
  --muted-foreground: 188 15% 40%;
  --accent: 188 25% 90%;
  --accent-foreground: 188 40% 15%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 188 20% 86%;
  --input: 188 20% 86%;
  --ring: 188 70% 50%;
  --chart-1: 188 70% 40%;
  --chart-2: 188 60% 50%;
  --chart-3: 188 50% 60%;
  --chart-4: 188 40% 70%;
  --chart-5: 188 30% 80%;

  --success: 152 60% 38%;
  --success-muted: 152 40% 90%;
  --success-foreground: 152 50% 12%;
  --warning: 32 95% 48%;
  --warning-muted: 32 80% 92%;
  --warning-foreground: 25 70% 18%;
  --info: 188 65% 45%;
  --info-muted: 188 50% 90%;
  --info-foreground: 188 50% 15%;
  --error-muted: 0 70% 92%;
  --error-foreground: 0 70% 28%;

  --role-partner: 200 60% 38%;
  --role-partner-muted: 200 45% 90%;
  --role-director: 215 55% 40%;
  --role-director-muted: 215 40% 90%;
  --role-manager: 25 75% 42%;
  --role-manager-muted: 25 60% 90%;
  --role-staff: 340 65% 42%;
  --role-staff-muted: 340 50% 92%;
  --role-article: 270 55% 48%;
  --role-article-muted: 270 40% 92%;
}
.dark.uk-palette-light-blue {
  --background: 188 40% 5%;
  --foreground: 188 25% 93%;
  --card: 188 35% 10%;
  --card-foreground: 188 25% 93%;
  --popover: 188 35% 12%;
  --popover-foreground: 188 25% 93%;
  --primary: 188 65% 55%;
  --primary-foreground: 188 50% 5%;
  --secondary: 188 25% 14%;
  --secondary-foreground: 188 25% 88%;
  --muted: 188 20% 14%;
  --muted-foreground: 188 15% 55%;
  --accent: 188 25% 18%;
  --accent-foreground: 188 25% 93%;
  --destructive: 0 72% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 188 20% 18%;
  --input: 188 20% 18%;
  --ring: 188 65% 55%;
  --chart-1: 188 65% 55%;
  --chart-2: 188 55% 48%;
  --chart-3: 188 45% 40%;
  --chart-4: 188 35% 30%;
  --chart-5: 188 25% 22%;

  --success: 152 55% 48%;
  --success-muted: 152 35% 14%;
  --success-foreground: 152 45% 80%;
  --warning: 32 90% 55%;
  --warning-muted: 32 50% 14%;
  --warning-foreground: 32 80% 80%;
  --info: 188 60% 52%;
  --info-muted: 188 40% 14%;
  --info-foreground: 188 50% 80%;
  --error-muted: 0 50% 14%;
  --error-foreground: 0 65% 72%;

  --role-partner: 200 55% 55%;
  --role-partner-muted: 200 35% 14%;
  --role-director: 215 50% 55%;
  --role-director-muted: 215 30% 14%;
  --role-manager: 25 70% 55%;
  --role-manager-muted: 25 40% 14%;
  --role-staff: 340 60% 55%;
  --role-staff-muted: 340 35% 14%;
  --role-article: 270 50% 58%;
  --role-article-muted: 270 30% 14%;
}

/* ============================================================
   FROZEN WATER  (vibrant mint green)
   ============================================================ */
:root.uk-palette-frozen-water {
  --background: 157 18% 97%;
  --foreground: 157 60% 7%;
  --card: 157 22% 99%;
  --card-foreground: 157 60% 7%;
  --popover: 157 22% 100%;
  --popover-foreground: 157 60% 7%;
  --primary: 157 65% 35%;
  --primary-foreground: 0 0% 100%;
  --secondary: 157 25% 92%;
  --secondary-foreground: 157 45% 15%;
  --muted: 157 18% 92%;
  --muted-foreground: 157 12% 40%;
  --accent: 157 22% 90%;
  --accent-foreground: 157 45% 15%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 157 18% 86%;
  --input: 157 18% 86%;
  --ring: 157 65% 45%;
  --chart-1: 157 65% 35%;
  --chart-2: 157 55% 45%;
  --chart-3: 157 45% 55%;
  --chart-4: 157 35% 65%;
  --chart-5: 157 25% 75%;

  --success: 150 55% 35%;
  --success-muted: 150 40% 90%;
  --success-foreground: 150 50% 12%;
  --warning: 32 95% 48%;
  --warning-muted: 32 80% 92%;
  --warning-foreground: 25 70% 18%;
  --info: 157 60% 42%;
  --info-muted: 157 45% 90%;
  --info-foreground: 157 50% 15%;
  --error-muted: 0 70% 92%;
  --error-foreground: 0 70% 28%;

  --role-partner: 175 55% 35%;
  --role-partner-muted: 175 40% 90%;
  --role-director: 185 50% 38%;
  --role-director-muted: 185 35% 90%;
  --role-manager: 40 65% 42%;
  --role-manager-muted: 40 50% 90%;
  --role-staff: 335 60% 42%;
  --role-staff-muted: 335 45% 92%;
  --role-article: 265 50% 48%;
  --role-article-muted: 265 35% 92%;
}
.dark.uk-palette-frozen-water {
  --background: 157 40% 5%;
  --foreground: 157 28% 93%;
  --card: 157 35% 10%;
  --card-foreground: 157 28% 93%;
  --popover: 157 35% 12%;
  --popover-foreground: 157 28% 93%;
  --primary: 157 60% 50%;
  --primary-foreground: 157 55% 5%;
  --secondary: 157 22% 14%;
  --secondary-foreground: 157 25% 88%;
  --muted: 157 18% 14%;
  --muted-foreground: 157 12% 55%;
  --accent: 157 22% 18%;
  --accent-foreground: 157 25% 93%;
  --destructive: 0 72% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 157 18% 18%;
  --input: 157 18% 18%;
  --ring: 157 60% 50%;
  --chart-1: 157 60% 50%;
  --chart-2: 157 50% 42%;
  --chart-3: 157 40% 35%;
  --chart-4: 157 30% 28%;
  --chart-5: 157 22% 20%;

  --success: 150 50% 45%;
  --success-muted: 150 35% 14%;
  --success-foreground: 150 45% 78%;
  --warning: 32 90% 55%;
  --warning-muted: 32 50% 14%;
  --warning-foreground: 32 80% 80%;
  --info: 157 55% 48%;
  --info-muted: 157 40% 14%;
  --info-foreground: 157 45% 78%;
  --error-muted: 0 50% 14%;
  --error-foreground: 0 65% 72%;

  --role-partner: 175 50% 52%;
  --role-partner-muted: 175 35% 14%;
  --role-director: 185 45% 52%;
  --role-director-muted: 185 30% 14%;
  --role-manager: 40 60% 52%;
  --role-manager-muted: 40 35% 14%;
  --role-staff: 335 55% 52%;
  --role-staff-muted: 335 30% 14%;
  --role-article: 270 45% 55%;
  --role-article-muted: 270 28% 14%;
}

/* ============================================================
   WARM TEAL  (vibrant teal)
   ============================================================ */
:root.uk-palette-warm-teal {
  --background: 170 15% 97%;
  --foreground: 170 45% 7%;
  --card: 170 20% 99%;
  --card-foreground: 170 45% 7%;
  --popover: 170 20% 100%;
  --popover-foreground: 170 45% 7%;
  --primary: 170 65% 32%;
  --primary-foreground: 0 0% 100%;
  --secondary: 170 25% 92%;
  --secondary-foreground: 170 35% 15%;
  --muted: 170 18% 92%;
  --muted-foreground: 170 12% 40%;
  --accent: 170 22% 90%;
  --accent-foreground: 170 35% 15%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 170 18% 86%;
  --input: 170 18% 86%;
  --ring: 170 65% 42%;
  --chart-1: 170 65% 32%;
  --chart-2: 170 55% 42%;
  --chart-3: 170 45% 52%;
  --chart-4: 170 35% 62%;
  --chart-5: 170 25% 72%;

  --success: 160 55% 35%;
  --success-muted: 160 40% 90%;
  --success-foreground: 160 50% 12%;
  --warning: 30 90% 46%;
  --warning-muted: 30 75% 92%;
  --warning-foreground: 22 65% 18%;
  --info: 170 60% 40%;
  --info-muted: 170 45% 90%;
  --info-foreground: 170 50% 15%;
  --error-muted: 0 70% 92%;
  --error-foreground: 0 70% 28%;

  --role-partner: 180 50% 35%;
  --role-partner-muted: 180 40% 90%;
  --role-director: 190 48% 38%;
  --role-director-muted: 190 35% 90%;
  --role-manager: 35 70% 42%;
  --role-manager-muted: 35 55% 90%;
  --role-staff: 345 60% 42%;
  --role-staff-muted: 345 45% 92%;
  --role-article: 260 50% 48%;
  --role-article-muted: 260 35% 92%;
}
.dark.uk-palette-warm-teal {
  --background: 170 38% 5%;
  --foreground: 170 25% 93%;
  --card: 170 32% 10%;
  --card-foreground: 170 25% 93%;
  --popover: 170 32% 12%;
  --popover-foreground: 170 25% 93%;
  --primary: 170 60% 48%;
  --primary-foreground: 170 50% 5%;
  --secondary: 170 22% 14%;
  --secondary-foreground: 170 22% 88%;
  --muted: 170 18% 14%;
  --muted-foreground: 170 12% 55%;
  --accent: 170 22% 18%;
  --accent-foreground: 170 22% 93%;
  --destructive: 0 72% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 170 18% 18%;
  --input: 170 18% 18%;
  --ring: 170 60% 48%;
  --chart-1: 170 60% 48%;
  --chart-2: 170 50% 40%;
  --chart-3: 170 40% 32%;
  --chart-4: 170 30% 25%;
  --chart-5: 170 22% 18%;

  --success: 160 50% 45%;
  --success-muted: 160 35% 14%;
  --success-foreground: 160 45% 78%;
  --warning: 30 85% 52%;
  --warning-muted: 30 50% 14%;
  --warning-foreground: 30 75% 78%;
  --info: 170 55% 45%;
  --info-muted: 170 40% 14%;
  --info-foreground: 170 45% 78%;
  --error-muted: 0 50% 14%;
  --error-foreground: 0 65% 72%;

  --role-partner: 180 45% 52%;
  --role-partner-muted: 180 35% 14%;
  --role-director: 190 42% 52%;
  --role-director-muted: 190 30% 14%;
  --role-manager: 35 65% 52%;
  --role-manager-muted: 35 35% 14%;
  --role-staff: 345 55% 52%;
  --role-staff-muted: 345 30% 14%;
  --role-article: 260 45% 55%;
  --role-article-muted: 260 28% 14%;
}

/* ============================================================
   SLATE INDIGO  (vibrant indigo)
   ============================================================ */
:root.uk-palette-slate-indigo {
  --background: 235 15% 97%;
  --foreground: 235 45% 7%;
  --card: 235 20% 99%;
  --card-foreground: 235 45% 7%;
  --popover: 235 20% 100%;
  --popover-foreground: 235 45% 7%;
  --primary: 235 70% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 235 25% 92%;
  --secondary-foreground: 235 35% 15%;
  --muted: 235 18% 92%;
  --muted-foreground: 235 12% 40%;
  --accent: 235 22% 90%;
  --accent-foreground: 235 35% 15%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 235 18% 86%;
  --input: 235 18% 86%;
  --ring: 235 70% 55%;
  --chart-1: 235 70% 45%;
  --chart-2: 235 60% 55%;
  --chart-3: 235 50% 65%;
  --chart-4: 235 40% 75%;
  --chart-5: 235 30% 85%;

  --success: 150 55% 38%;
  --success-muted: 150 40% 90%;
  --success-foreground: 150 50% 12%;
  --warning: 32 95% 48%;
  --warning-muted: 32 80% 92%;
  --warning-foreground: 25 70% 18%;
  --info: 220 60% 48%;
  --info-muted: 220 45% 90%;
  --info-foreground: 220 50% 15%;
  --error-muted: 0 70% 92%;
  --error-foreground: 0 70% 28%;

  --role-partner: 220 55% 40%;
  --role-partner-muted: 220 40% 90%;
  --role-director: 235 50% 42%;
  --role-director-muted: 235 35% 90%;
  --role-manager: 20 70% 42%;
  --role-manager-muted: 20 55% 90%;
  --role-staff: 340 65% 42%;
  --role-staff-muted: 340 50% 92%;
  --role-article: 265 55% 48%;
  --role-article-muted: 265 40% 92%;
}
.dark.uk-palette-slate-indigo {
  --background: 235 40% 5%;
  --foreground: 235 25% 93%;
  --card: 235 35% 10%;
  --card-foreground: 235 25% 93%;
  --popover: 235 35% 12%;
  --popover-foreground: 235 25% 93%;
  --primary: 235 65% 60%;
  --primary-foreground: 235 50% 5%;
  --secondary: 235 22% 14%;
  --secondary-foreground: 235 22% 88%;
  --muted: 235 18% 14%;
  --muted-foreground: 235 12% 55%;
  --accent: 235 22% 18%;
  --accent-foreground: 235 22% 93%;
  --destructive: 0 72% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 235 18% 18%;
  --input: 235 18% 18%;
  --ring: 235 65% 60%;
  --chart-1: 235 65% 60%;
  --chart-2: 235 55% 52%;
  --chart-3: 235 45% 42%;
  --chart-4: 235 35% 32%;
  --chart-5: 235 25% 22%;

  --success: 150 50% 48%;
  --success-muted: 150 35% 14%;
  --success-foreground: 150 45% 78%;
  --warning: 32 90% 55%;
  --warning-muted: 32 50% 14%;
  --warning-foreground: 32 80% 80%;
  --info: 220 55% 55%;
  --info-muted: 220 40% 14%;
  --info-foreground: 220 45% 78%;
  --error-muted: 0 50% 14%;
  --error-foreground: 0 65% 72%;

  --role-partner: 220 50% 58%;
  --role-partner-muted: 220 35% 14%;
  --role-director: 235 45% 58%;
  --role-director-muted: 235 30% 14%;
  --role-manager: 20 65% 55%;
  --role-manager-muted: 20 35% 14%;
  --role-staff: 340 60% 55%;
  --role-staff-muted: 340 30% 14%;
  --role-article: 265 50% 58%;
  --role-article-muted: 265 28% 14%;
}

/* ============================================================
   ZINC  (vibrant neutral)
   ============================================================ */
:root.uk-palette-zinc {
  --background: 0 0% 100%;
  --foreground: 240 10% 4%;
  --card: 0 0% 99%;
  --card-foreground: 240 10% 4%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 4%;
  --primary: 240 6% 10%;
  --primary-foreground: 0 0% 98%;
  --secondary: 240 5% 95%;
  --secondary-foreground: 240 6% 10%;
  --muted: 240 5% 95%;
  --muted-foreground: 240 4% 45%;
  --accent: 240 5% 93%;
  --accent-foreground: 240 6% 10%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 6% 90%;
  --input: 240 6% 90%;
  --ring: 240 6% 10%;
  --chart-1: 0 72% 51%;
  --chart-2: 150 55% 38%;
  --chart-3: 220 60% 48%;
  --chart-4: 32 95% 48%;
  --chart-5: 270 55% 48%;

  --success: 150 60% 38%;
  --success-muted: 150 40% 92%;
  --success-foreground: 150 50% 15%;
  --warning: 32 95% 48%;
  --warning-muted: 32 80% 92%;
  --warning-foreground: 25 70% 18%;
  --info: 220 60% 48%;
  --info-muted: 220 45% 92%;
  --info-foreground: 220 50% 18%;
  --error-muted: 0 70% 92%;
  --error-foreground: 0 70% 28%;

  --role-partner: 220 55% 42%;
  --role-partner-muted: 220 40% 92%;
  --role-director: 270 50% 48%;
  --role-director-muted: 270 35% 92%;
  --role-manager: 32 95% 48%;
  --role-manager-muted: 32 75% 92%;
  --role-staff: 340 65% 42%;
  --role-staff-muted: 340 50% 92%;
  --role-article: 150 60% 38%;
  --role-article-muted: 150 40% 92%;
}
.dark.uk-palette-zinc {
  --background: 240 6% 4%;
  --foreground: 0 0% 98%;
  --card: 240 6% 8%;
  --card-foreground: 0 0% 98%;
  --popover: 240 6% 10%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 6% 10%;
  --secondary: 240 4% 14%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 4% 14%;
  --muted-foreground: 240 5% 62%;
  --accent: 240 4% 16%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62% 30%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 4% 16%;
  --input: 240 4% 16%;
  --ring: 240 5% 82%;
  --chart-1: 0 72% 55%;
  --chart-2: 150 55% 45%;
  --chart-3: 220 60% 55%;
  --chart-4: 32 95% 55%;
  --chart-5: 270 55% 55%;

  --success: 150 55% 48%;
  --success-muted: 240 4% 14%;
  --success-foreground: 150 55% 75%;
  --warning: 32 90% 55%;
  --warning-muted: 240 4% 14%;
  --warning-foreground: 32 90% 75%;
  --info: 220 60% 55%;
  --info-muted: 240 4% 14%;
  --info-foreground: 220 60% 78%;
  --error-muted: 240 4% 14%;
  --error-foreground: 0 62% 60%;

  --role-partner: 220 55% 60%;
  --role-partner-muted: 240 4% 14%;
  --role-director: 270 50% 60%;
  --role-director-muted: 240 4% 14%;
  --role-manager: 32 90% 55%;
  --role-manager-muted: 240 4% 14%;
  --role-staff: 340 60% 55%;
  --role-staff-muted: 240 4% 14%;
  --role-article: 150 55% 50%;
  --role-article-muted: 240 4% 14%;
}