/* FAVELA HQ: Farben über Paperclips eigene Theme-Variablen. Nur Variablen und ein Akzentstreifen,
   keine Eingriffe in Layout-Klassen, damit Paperclip-Updates nichts zerbrechen. */
:root {
  --primary: oklch(55% .15 152);
  --primary-foreground: oklch(98.5% 0 0);
  --ring: oklch(62% .15 152);
  --sidebar-primary: oklch(55% .15 152);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-ring: oklch(62% .15 152);
  --sidebar: oklch(97.5% .012 95);
  --sidebar-accent: oklch(91% .05 95);
  --background: oklch(99.2% .006 95);
  --chart-1: oklch(62% .15 152);
  --chart-2: oklch(84% .16 92);
  --chart-3: oklch(55% .16 255);
  --chart-4: oklch(70% .15 350);
  --chart-5: oklch(72% .13 195);
}
.dark {
  --background: oklch(19.5% .012 160);
  --card: oklch(21.5% .014 160);
  --popover: oklch(21.5% .014 160);
  --side-panel-bg: oklch(19.5% .012 160);
  --streamlined-task-detail-bg: oklch(19.5% .012 160);
  --primary: oklch(84% .16 92);
  --primary-foreground: oklch(20% .02 160);
  --secondary: oklch(26% .018 160);
  --muted: oklch(26% .018 160);
  --accent: oklch(28% .03 160);
  --ring: oklch(70% .15 152);
  --sidebar: oklch(16.5% .02 160);
  --sidebar-primary: oklch(62% .15 152);
  --sidebar-accent: oklch(28% .04 160);
  --chart-1: oklch(70% .15 152);
  --chart-2: oklch(84% .16 92);
  --chart-3: oklch(62% .15 255);
  --chart-4: oklch(72% .15 350);
  --chart-5: oklch(75% .12 195);
}
/* Bandeira-Streifen oben: grün, gelb, blau. */
body::before {
  content: '';
  position: fixed;
  inset: 0 0 auto 0;
  height: 3px;
  z-index: 2147483000;
  pointer-events: none;
  background: linear-gradient(90deg, #1f9d55 0 40%, #f5c518 40% 70%, #23408f 70% 100%);
}