@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

:root {
  --background: 0 0% 99.2157%;
  --foreground: 0 0% 0%;
  --card: 0 0% 99.2157%;
  --card-foreground: 0 0% 0%;
  --popover: 0 0% 98.8235%;
  --popover-foreground: 0 0% 0%;
  --primary: 180 94.2197% 33.9216%;
  --primary-foreground: 0 0% 100%;
  --secondary: 214.2857 24.1379% 94.3137%;
  --secondary-foreground: 0 0% 3.1373%;
  --muted: 0 0% 96.0784%;
  --muted-foreground: 0 0% 32.1569%;
  --accent: 187.1287 100% 39.6078%;
  --accent-foreground: 212.7778 65.0602% 32.5490%;
  --destructive: 22.3602 90.9605% 65.2941%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 17.0732% 91.9608%;
  --input: 0 0% 92.1569%;
  --ring: 0 0% 0%;
  --chart-1: 187.1287 100% 39.6078%;
  --chart-2: 31.6854 91.7526% 80.9804%;
  --chart-3: 22.3602 90.9605% 65.2941%;
  --chart-4: 212.7778 65.0602% 32.5490%;
  --chart-5: 0 0% 45.4902%;
  --sidebar: 210 42.8571% 97.2549%;
  --sidebar-foreground: 0 0% 0%;
  --sidebar-primary: 0 0% 0%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 92.1569%;
  --sidebar-accent-foreground: 0 0% 0%;
  --sidebar-border: 0 0% 92.1569%;
  --sidebar-ring: 0 0% 0%;
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 1.4rem;
  --shadow-2xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-sm: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16);
  --shadow: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16);
  --shadow-md: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 2px 4px -1px hsl(0 0% 0% / 0.16);
  --shadow-lg: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 4px 6px -1px hsl(0 0% 0% / 0.16);
  --shadow-xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 8px 10px -1px hsl(0 0% 0% / 0.16);
  --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.40);
  --tracking-normal: -0.025em;
  --spacing: 0.27rem;
}

.dark {
  --background: 225 7.1429% 10.9804%;
  --foreground: 0 0% 94.1176%;
  --card: 228.0000 6.8493% 14.3137%;
  --card-foreground: 0 0% 94.1176%;
  --popover: 228.0000 6.8493% 14.3137%;
  --popover-foreground: 0 0% 94.1176%;
  --primary: 257.6687 100% 68.0392%;
  --primary-foreground: 0 0% 100%;
  --secondary: 226.6667 9.6774% 18.2353%;
  --secondary-foreground: 0 0% 94.1176%;
  --muted: 226.6667 9.6774% 18.2353%;
  --muted-foreground: 0 0% 62.7451%;
  --accent: 217.2414 32.5843% 17.4510%;
  --accent-foreground: 208.2090 100.0000% 73.7255%;
  --destructive: 0 90.6040% 70.7843%;
  --destructive-foreground: 0 0% 100%;
  --border: 222.8571 6.4220% 21.3725%;
  --input: 222.8571 6.4220% 21.3725%;
  --ring: 257.6687 100% 68.0392%;
  --chart-1: 141.8919 69.1589% 58.0392%;
  --chart-2: 257.6687 100% 68.0392%;
  --chart-3: 0 93.5484% 81.7647%;
  --chart-4: 217.5484 87.5706% 65.2941%;
  --chart-5: 0 0% 62.7451%;
  --sidebar: 240 4.3478% 9.0196%;
  --sidebar-foreground: 0 0% 94.1176%;
  --sidebar-primary: 257.6687 100% 68.0392%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 226.6667 9.6774% 18.2353%;
  --sidebar-accent-foreground: 257.6687 100% 68.0392%;
  --sidebar-border: 222.8571 6.4220% 21.3725%;
  --sidebar-ring: 257.6687 100% 68.0392%;
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 1.4rem;
  --shadow-2xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-sm: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16);
  --shadow: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16);
  --shadow-md: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 2px 4px -1px hsl(0 0% 0% / 0.16);
  --shadow-lg: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 4px 6px -1px hsl(0 0% 0% / 0.16);
  --shadow-xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 8px 10px -1px hsl(0 0% 0% / 0.16);
  --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.40);
}

body {
  letter-spacing: var(--tracking-normal);
}

/* ==========================================================================
   Acessibilidade global (auditoria ADENDO 42) — compilado em styles.css,
   carregado por TODAS as páginas (Empresas + legadas).
   ========================================================================== */

/* Foco visível e consistente em elementos interativos */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #0ABAB5;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Respeita "reduzir movimento" do sistema operacional */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}