:root {
  --background: oklch(0.9789 0.0013 106.4235);
  --foreground: oklch(0.2300 0.0038 106.6929);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.2300 0.0038 106.6929);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.2300 0.0038 106.6929);
  --primary: oklch(0.2931 0 0);
  --primary-foreground: oklch(0.9789 0.0013 106.4235);
  --secondary: oklch(0.9688 0.0066 106.5223);
  --secondary-foreground: oklch(0.3583 0.0084 106.8176);
  --muted: oklch(0.9651 0.0074 80.7210);
  --muted-foreground: oklch(0.5363 0.0092 106.7047);
  --accent: #ffcb00;
  --accent-foreground: #000;
  --destructive: oklch(0.5904 0.2000 26.1033);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.9193 0.0099 87.4740);
  --input: oklch(0.9193 0.0099 87.4740);
  --ring: oklch(0.8778 0.1383 86.1920);
  --chart-1: oklch(0.8778 0.1383 86.1920);
  --chart-2: oklch(0.6410 0.0117 106.7247);
  --chart-3: oklch(0.7509 0.0853 67.0880);
  --chart-4: oklch(0.4693 0.0095 106.7590);
  --chart-5: oklch(0.7539 0.1519 80.8048);
  --sidebar: oklch(0.9041 0.0058 84.5675);
  --sidebar-foreground: oklch(0.2300 0.0038 106.6929);
  --sidebar-primary: oklch(0.2300 0.0038 106.6929);
  --sidebar-primary-foreground: oklch(0.9789 0.0013 106.4235);
  --sidebar-accent: oklch(0.9193 0.0099 87.4740);
  --sidebar-accent-foreground: oklch(0.2300 0.0038 106.6929);
  --sidebar-border: oklch(0.9193 0.0099 87.4740);
  --sidebar-ring: oklch(0.8778 0.1383 86.1920);
  --font-sans: "DM Sans", ui-sans-serif, sans-serif, system-ui;
  --font-serif: "DM Serif Text", ui-serif, serif;
  --font-mono: "DM Mono", ui-monospace, monospace;
  --radius: 0.375rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --shadow-2xs: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.05);
  --shadow-xs: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.05);
  --shadow-sm: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.10), 0rem 1px 2px -1px hsl(240 9.8039% 10% / 0.10);
  --shadow: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.10), 0rem 1px 2px -1px hsl(240 9.8039% 10% / 0.10);
  --shadow-md: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.10), 0rem 2px 4px -1px hsl(240 9.8039% 10% / 0.10);
  --shadow-lg: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.10), 0rem 4px 6px -1px hsl(240 9.8039% 10% / 0.10);
  --shadow-xl: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.10), 0rem 8px 10px -1px hsl(240 9.8039% 10% / 0.10);
  --shadow-2xl: 0rem 0.25rem 0.5rem 0rem hsl(240 9.8039% 10% / 0.25);
  --tracking-normal: -0.025em;
  --spacing: 0.25rem;
}

.dark {
  --background: oklch(0.2174 0.0019 106.5582);
  --foreground: oklch(0.9486 0.0027 106.4500);
  --card: oklch(0.2213 0.0038 106.7070);
  --card-foreground: oklch(0.9486 0.0027 106.4500);
  --popover: oklch(0.2213 0.0038 106.7070);
  --popover-foreground: oklch(0.9486 0.0027 106.4500);
  --primary: oklch(0.9486 0.0027 106.4500);
  --primary-foreground: oklch(0.2174 0.0019 106.5582);
  --secondary: oklch(0.2720 0.0036 106.6382);
  --secondary-foreground: oklch(0.7903 0.0083 106.5888);
  --muted: oklch(0.2720 0.0036 106.6382);
  --muted-foreground: oklch(0.6410 0.0117 106.7247);
  --accent: oklch(0.7007 0.1304 84.6350);
  --accent-foreground: oklch(1.0000 0 0);
  --destructive: oklch(0.6091 0.1931 24.9679);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.3001 0.0053 106.7146);
  --input: oklch(0.3001 0.0053 106.7146);
  --ring: oklch(0.7007 0.1304 84.6350);
  --chart-1: oklch(0.7007 0.1304 84.6350);
  --chart-2: oklch(0.6410 0.0117 106.7247);
  --chart-3: oklch(0.7509 0.0853 67.0880);
  --chart-4: oklch(0.7903 0.0083 106.5888);
  --chart-5: oklch(0.7902 0.1311 87.6550);
  --sidebar: oklch(0.2174 0.0019 106.5582);
  --sidebar-foreground: oklch(0.9486 0.0027 106.4500);
  --sidebar-primary: oklch(0.9486 0.0027 106.4500);
  --sidebar-primary-foreground: oklch(0.2174 0.0019 106.5582);
  --sidebar-accent: oklch(0.2720 0.0036 106.6382);
  --sidebar-accent-foreground: oklch(0.9486 0.0027 106.4500);
  --sidebar-border: oklch(0.3001 0.0053 106.7146);
  --sidebar-ring: oklch(0.7007 0.1304 84.6350);
  --shadow-2xs: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.30);
  --shadow-xs: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.30);
  --shadow-sm: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.60), 0rem 1px 2px -1px hsl(218.1818 21.5686% 10% / 0.60);
  --shadow: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.60), 0rem 1px 2px -1px hsl(218.1818 21.5686% 10% / 0.60);
  --shadow-md: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.60), 0rem 2px 4px -1px hsl(218.1818 21.5686% 10% / 0.60);
  --shadow-lg: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.60), 0rem 4px 6px -1px hsl(218.1818 21.5686% 10% / 0.60);
  --shadow-xl: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 0.60), 0rem 8px 10px -1px hsl(218.1818 21.5686% 10% / 0.60);
  --shadow-2xl: 0rem 0.3rem 0.6rem 0rem hsl(218.1818 21.5686% 10% / 1.50);
}

/* ponytail: variáveis convertidas do formato Tailwind v4 (tweakcn) para CSS puro,
   já que este projeto é um site estático sem build. As classes utilitárias
   (bg-primary, text-foreground...) não existem aqui — use var(--nome) direto. */
* {
  box-sizing: border-box;
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  letter-spacing: var(--tracking-normal);
}