/*
 * SG Design System — tokens canônicos
 * Fonte única para todos os sistemas Souza Gomes.
 * Servido por https://core.souzagomes.com.br/api/public/design-tokens.css
 * NÃO redefina estas variáveis no satélite — apenas @import deste arquivo.
 */

@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap");

:root {
  --radius: 0.375rem;

  --background: oklch(0.975 0.003 240);
  --foreground: oklch(0.27 0.03 255);
  --surface: oklch(1 0 0);
  --surface-foreground: oklch(0.27 0.03 255);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.27 0.03 255);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.27 0.03 255);

  --primary: oklch(0.36 0.07 158);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.008 155);
  --secondary-foreground: oklch(0.30 0.06 155);
  --muted: oklch(0.96 0.004 240);
  --muted-foreground: oklch(0.52 0.02 250);
  --accent: oklch(0.93 0.02 158);
  --accent-foreground: oklch(0.30 0.06 155);

  --destructive: oklch(0.52 0.18 27);
  --destructive-foreground: oklch(1 0 0);
  --success: oklch(0.50 0.10 158);
  --success-foreground: oklch(1 0 0);
  --warning: oklch(0.71 0.16 55);
  --warning-foreground: oklch(1 0 0);
  --info: oklch(0.45 0.08 220);
  --info-foreground: oklch(1 0 0);

  --border: oklch(0.91 0.005 250);
  --input: oklch(0.91 0.005 250);
  --ring: oklch(0.36 0.07 158);

  --sg-orange: oklch(0.71 0.16 55);
  --sg-orange-foreground: oklch(1 0 0);
  --sg-green-deep: oklch(0.30 0.06 155);

  --chart-1: oklch(0.36 0.07 158);
  --chart-2: oklch(0.50 0.09 158);
  --chart-3: oklch(0.65 0.06 158);
  --chart-4: oklch(0.71 0.16 55);
  --chart-5: oklch(0.52 0.02 250);

  /*
   * Tokens de CATEGORIA — para agrupamento visual neutro
   * (gênero, tipo, segmento, linha de produto, etc.).
   * NUNCA use --destructive ou --warning como decoração de categoria:
   * são tokens de ESTADO (erro / alerta), não de identidade.
   * Paleta curada, sóbria, sem ruído de "perigo" ou "atenção".
   */
  --category-1: oklch(0.36 0.07 158);   /* verde SG (primary)        */
  --category-1-foreground: oklch(1 0 0);
  --category-2: oklch(0.55 0.09 50);    /* terracota suave           */
  --category-2-foreground: oklch(1 0 0);
  --category-3: oklch(0.45 0.07 230);   /* azul-petróleo             */
  --category-3-foreground: oklch(1 0 0);
  --category-4: oklch(0.48 0.08 300);   /* violeta sóbrio            */
  --category-4-foreground: oklch(1 0 0);
  --category-5: oklch(0.50 0.06 200);   /* teal acinzentado          */
  --category-5-foreground: oklch(1 0 0);
  --category-6: oklch(0.55 0.05 80);    /* âmbar mineral             */
  --category-6-foreground: oklch(1 0 0);

  --sidebar: oklch(0.235 0.025 158);
  --sidebar-foreground: oklch(0.88 0.012 155);
  --sidebar-primary: oklch(0.50 0.10 158);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.36 0.07 158);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.30 0.025 158);
  --sidebar-ring: oklch(0.50 0.10 158);

  --font-sans: "Barlow", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Barlow", ui-sans-serif, system-ui, sans-serif;
}

/* Tailwind v4: registre as variáveis no @theme inline do satélite para virarem
   utilities (bg-primary, text-muted-foreground, etc.). Veja a seção 8 do
   prompt de migração. */

html, body {
  font-family: var(--font-sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
}