/* ============================================================
   GRUPO TAUÁ — DESIGN TOKENS (CSS custom properties)
   Fonte-da-verdade. Base: Manual de Identidade Visual Tauá.
   Espelha tokens/taua.tokens.json (Tokens Studio / DTCG).
   ============================================================ */
:root {
  /* ---- Cores institucionais (Manual Grupo Tauá 2025) ---- */
  --taua-green-900: #013A2F;   /* verde escuro (tint derivado)     */
  --taua-green-700: #015746;   /* Pantone 7729 C — verde principal */
  --taua-green-500: #0E7A5C;   /* verde claro (tint derivado)      */
  --taua-orange-700: #E07E00;  /* laranja escuro (tint derivado)   */
  --taua-orange-500: #FF9900;  /* Pantone 2013 C — laranja         */
  --taua-orange-300: #FF9900;  /* Pantone 2013 C — laranja (CTA)   */
  /* amarelos: funcionais para UI (estrelas, clima) — fora da paleta institucional 2025 */
  --taua-yellow-700: #F2B705;
  --taua-yellow-500: #F7C948;
  --taua-yellow-300: #FBE38A;

  /* ---- Cores secundárias (Manual 2025) ---- */
  --taua-lavender:  #7F9FD2;   /* Pantone 7453 C — azul lavanda   */
  --taua-turquoise: #3FB98C;   /* Pantone 339 C  — verde turquesa */
  --taua-lime:      #D6DE23;   /* Pantone 381 C  — amarelo lima   */
  --taua-sand:      #EDEADB;   /* 35% Pantone 4545 C — areia      */
  /* aliases legados (compatibilidade de componentes) repontados p/ a paleta 2025 */
  --taua-citric-700: #D6DE23;  /* lima      */
  --taua-citric-500: #3FB98C;  /* turquesa (success/disponível) */
  --taua-citric-300: #A7C52C;
  --taua-blue-700:   #7F9FD2;  /* lavanda (info) */
  --taua-blue-500:   #7F9FD2;
  --taua-blue-300:   #C3D2EC;
  --taua-pink-700:   #C0392B;  /* vermelho funcional (erro/obrigatório) */
  --taua-pink-500:   #B83227;
  --taua-pink-300:   #E88A80;

  /* ---- Neutros ---- */
  --taua-neutral-0:   #FFFFFF;
  --taua-neutral-50:  #F3F3F3;
  --taua-neutral-200: #E6E6E6;
  --taua-neutral-300: #D1D1D1;
  --taua-neutral-500: #7E8392;
  --taua-neutral-700: #444444;
  --taua-neutral-900: #191919;

  /* ---- Semânticos ---- */
  --text-primary: var(--taua-neutral-900);
  --text-secondary: var(--taua-neutral-700);
  --text-tertiary: var(--taua-neutral-500);
  --text-on-dark: var(--taua-neutral-0);
  --text-brand: var(--taua-green-900);
  --surface-base: var(--taua-neutral-0);
  --surface-subtle: var(--taua-neutral-50);
  --surface-brand: var(--taua-green-700);
  --surface-dark: var(--taua-green-900);
  --action-primary: var(--taua-orange-300);
  --action-primary-hover: var(--taua-green-700);
  --action-secondary: var(--taua-green-700);
  --action-on: var(--taua-neutral-0);
  --border-subtle: var(--taua-neutral-200);
  --border-default: var(--taua-neutral-300);
  --feedback-info: var(--taua-lavender);
  --feedback-success: var(--taua-turquoise);
  --feedback-warning: var(--taua-yellow-700);
  --feedback-danger: var(--taua-pink-700);

  /* ---- Tipografia (Manual Grupo Tauá 2025) ----
     Principal: Proxima Nova Wide (títulos) + Proxima Nova (texto) — Adobe Fonts.
     Documentos digitais (e-mail/PPT): Calibri. Fontes licenciadas: não embutidas
     aqui; a stack cai para fontes de sistema equivalentes. */
  --font-display: "Proxima Nova Wide", "Proxima Nova", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Proxima Nova", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-docs: "Calibri", "Segoe UI", system-ui, sans-serif;
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --fs-display: 56px; --fs-h1: 40px; --fs-h2: 32px; --fs-h3: 24px; --fs-h4: 20px;
  --fs-body-lg: 18px; --fs-body: 16px; --fs-body-sm: 14px; --fs-caption: 12px; --fs-overline: 11px;

  /* ---- Espaçamento (escala 4pt) ---- */
  --sp-0: 0; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  /* ---- Raios ---- */
  --radius-sm: 10px; --radius-md: 20px; --radius-lg: 30px; --radius-full: 999px;

  /* ---- Sombras ---- */
  --shadow-default: 0 6px 13px rgba(0,0,0,.25);
  --shadow-up: 0 -7px 15px rgba(0,0,0,.16);
  --shadow-card: 0 14px 34px rgba(0,0,0,.10);

  /* ---- Breakpoints (referência) ---- */
  --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; --bp-2xl: 1440px;

  /* ---- Motion (durações e curvas) ---- */
  --motion-fast: 110ms;
  --motion-base: 200ms;
  --motion-slow: 400ms;
  --ease-standard: cubic-bezier(.2,0,.38,.9);   /* entrada/saída padrão */
  --ease-entrance: cubic-bezier(0,0,.38,.9);     /* elementos entrando  */
  --ease-exit: cubic-bezier(.2,0,1,.9);          /* elementos saindo    */
}