/* globals-shadcn.css — variáveis shadcn/ui de Score Positivo
   Para colar em Lovable, v0 ou Bolt. Gerado de brand.json por scripts/tokens.mjs; não edite à mão.
   Valores em HSL "h s l" (formato shadcn). Todo par *-foreground / fundo consta em pares_aprovados.
   Raio 16px e sem sombra: a marca usa cantos retos e filetes de 1px.
   Modo escuro: a marca não define; use as inversões aprovadas (branco sobre azul-noite) manualmente. */

@layer base {
  :root {
    --background: 0 0% 100%;                  /* branco — fundo principal */
    --foreground: 224 23.1% 12.7%;            /* azul-noite — texto sobre o fundo */
    --card: 0 0% 100%;                        /* branco — cartões (sem sombra, filete de 1px) */
    --card-foreground: 224 23.1% 12.7%;       /* azul-noite */
    --popover: 0 0% 100%;                     /* branco */
    --popover-foreground: 224 23.1% 12.7%;    /* azul-noite */
    --primary: 89.6 98.7% 30.2%;              /* verde-score — ação principal */
    --primary-foreground: 0 0% 100%;          /* branco */
    --secondary: 0 0% 88.2%;                  /* cinza — apoio */
    --secondary-foreground: 224 23.1% 12.7%;  /* azul-noite */
    --muted: 0 0% 88.2%;                      /* cinza — superfícies discretas */
    --muted-foreground: 224 23.1% 12.7%;      /* azul-noite */
    --accent: 89.7 99.1% 43.9%;               /* verde-claro — destaque */
    --accent-foreground: 0 0% 100%;           /* branco */
    --destructive: 3.2 71.3% 41%;             /* erro — erro (semântica) */
    --destructive-foreground: 0 0% 100%;      /* branco */
    --border: 0 0% 88.2%;                     /* borda — filetes */
    --input: 0 0% 88.2%;                      /* borda — contorno de campos */
    --ring: 89.6 98.7% 30.2%;                 /* verde-score — foco */
    --chart-1: 89.6 98.7% 30.2%;              /* verde-score */
    --chart-2: 89.7 99.1% 43.9%;              /* verde-claro */
    --chart-3: 0 0% 88.2%;                    /* cinza */
    --chart-4: 224 23.1% 12.7%;               /* azul-noite */
    --chart-5: 42.2 100% 27.1%;               /* alerta — ocre */
    /* Raios por contexto */
    --radius: 16px;
    --radius-card: 16px;
    --radius-campo: 16px;
    --radius-selo: 9999px;
    --radius-btn: 9999px;

    /* Espaçamento */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* Movimento */
    --mov-fast: 120ms;
    --mov-base: 250ms;
    --mov-slow: 400ms;
    --mov-ease-standard: cubic-bezier(.2,0,0,1);
    --mov-ease-enter: cubic-bezier(0,0,.2,1);
    --mov-ease-exit: cubic-bezier(.4,0,1,1);
    --mov-stagger: 40ms;
    --mov-distance: 8px;
  }
}