/* Tokens do design system do Grupo CRP (extraídos de grupocrp.com.br). */
:root {
  color-scheme: light;

  /* marca */
  --navy: oklch(20% .075 274);
  --navy-foreground: oklch(97% .008 265);
  --navy-muted: oklch(75% .04 268);
  --navy-line: oklch(100% 0 0 / .12);
  --navy-card: oklch(97% .008 265 / .05);
  --primary: oklch(27% .095 272);
  --primary-foreground: oklch(98.5% .005 265);
  --accent: oklch(55% .19 263);
  --accent-foreground: oklch(98.5% .005 265);
  --accent-soft: oklch(55% .19 263 / .1);
  --electric: oklch(68% .17 250);

  /* superfícies */
  --background: oklch(98.5% .004 265);
  --card: oklch(100% 0 0);
  --muted: oklch(95.5% .012 265);
  --muted-foreground: oklch(47% .05 270);
  --foreground: oklch(21% .055 272);
  --border: oklch(90.5% .015 268);
  --ring: oklch(55% .19 263);

  /* semântica do fluxo */
  --positive: oklch(55% .14 158);
  --positive-soft: oklch(55% .14 158 / .12);
  --destructive: oklch(57.7% .245 27.325);
  --destructive-soft: oklch(57.7% .245 27.325 / .1);
  --warning: oklch(62% .14 70);
  --warning-soft: oklch(75% .14 75 / .18);

  /* paleta de categorias (família azul/navy da marca + apoios) */
  --c1: oklch(62% .15 240);
  --c2: oklch(66% .16 45);
  --c3: oklch(62% .13 175);
  --c4: oklch(76% .14 85);
  --c5: oklch(64% .15 350);
  --c6: oklch(55% .06 265);
  --c7: oklch(45% .16 285);
  --c8: oklch(63% .19 20);

  /* tipografia */
  --font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --tracking-tight: -.025em;
  --tracking-widest: .1em;

  /* forma */
  --radius: .625rem;
  --radius-sm: 8px;
  --radius-card: 14px;
  --radius-hero: 18px;
  --container: 72rem;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: oklch(15% .045 274);
    --card: oklch(19.5% .06 274);
    --muted: oklch(24% .065 274);
    --muted-foreground: oklch(75% .04 268);
    --foreground: oklch(97% .008 265);
    --border: oklch(100% 0 0 / .1);
    --accent: oklch(64% .17 258);
    --accent-soft: oklch(64% .17 258 / .16);
    --positive: oklch(72% .15 158);
    --positive-soft: oklch(72% .15 158 / .16);
    --destructive: oklch(70.4% .191 22.216);
    --destructive-soft: oklch(70.4% .191 22.216 / .16);
    --warning: oklch(80% .13 80);
    --warning-soft: oklch(80% .13 80 / .14);
    --c6: oklch(70% .05 265);
    --c7: oklch(68% .13 285);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --background: oklch(15% .045 274);
  --card: oklch(19.5% .06 274);
  --muted: oklch(24% .065 274);
  --muted-foreground: oklch(75% .04 268);
  --foreground: oklch(97% .008 265);
  --border: oklch(100% 0 0 / .1);
  --accent: oklch(64% .17 258);
  --accent-soft: oklch(64% .17 258 / .16);
  --positive: oklch(72% .15 158);
  --positive-soft: oklch(72% .15 158 / .16);
  --destructive: oklch(70.4% .191 22.216);
  --destructive-soft: oklch(70.4% .191 22.216 / .16);
  --warning: oklch(80% .13 80);
  --warning-soft: oklch(80% .13 80 / .14);
  --c6: oklch(70% .05 265);
  --c7: oklch(68% .13 285);
}