/* ========================================================
   TAWROS — Design Tokens do Site Institucional
   Derivados visualmente de home-tawros-referencia.jpeg e
   alinhados à paleta do design system do ERP (figma-tokens.css)
   ======================================================== */

:root {
  /* === NAVY (fundos escuros: header, hero, segmentos, CTA) === */
  --tawros-navy-950: #06141f;
  --tawros-navy-900: #0a1e30;
  --tawros-navy-800: #0f2b45;
  --tawros-navy-700: #163a58;

  /* === AZUL (marca/interativo, alinhado ao figma-brand-accent) === */
  --tawros-blue-700: #0868c9;
  --tawros-blue-600: #0b7bea;
  --tawros-blue-500: #2f9bff;
  --tawros-blue-400: #5fb4ff;
  --tawros-cyan: #03aefc;

  /* === NEUTROS === */
  --tawros-white: #ffffff;
  --tawros-gray-50: #f7f9fb;
  --tawros-gray-100: #eef2f6;
  --tawros-gray-200: #e2e8f0;
  --tawros-gray-300: #cbd5e1;
  --tawros-gray-500: #64748b;
  --tawros-gray-700: #334155;
  --tawros-gray-900: #0f172a;

  /* === CORES DE APOIO PARA ÍCONES DE MÓDULOS === */
  --tawros-icon-green: #17a75c;
  --tawros-icon-green-bg: #e7f8ef;
  --tawros-icon-blue: #2f7dd6;
  --tawros-icon-blue-bg: #e8f1fd;
  --tawros-icon-orange: #e88a1f;
  --tawros-icon-orange-bg: #fdf1e2;
  --tawros-icon-purple: #7c5cf0;
  --tawros-icon-purple-bg: #efeafe;
  --tawros-icon-slate: #5b6b7c;
  --tawros-icon-slate-bg: #eaeef2;
  --tawros-icon-cyan-bg: #e5f6fe;

  /* === TIPOGRAFIA === */
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-family-hand: 'Caveat', 'Segoe Script', cursive;

  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.9375rem;   /* 15px */
  --fs-base: 1rem;      /* 16px */
  --fs-md: 1.125rem;    /* 18px */
  --fs-lg: 1.375rem;    /* 22px */
  --fs-xl: 1.75rem;     /* 28px */
  --fs-2xl: 2.25rem;    /* 36px */
  --fs-3xl: 2.75rem;    /* 44px */
  --fs-hero: 3.375rem;  /* 54px */

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --lh-tight: 1.12;
  --lh-snug: 1.35;
  --lh-normal: 1.6;

  /* === ESPAÇAMENTO === */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* === RAIO DE BORDA === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-full: 999px;

  /* === SOMBRAS === */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 20px 45px rgba(6, 20, 31, 0.16);
  --shadow-card-hover: 0 16px 32px rgba(15, 23, 42, 0.12);

  /* === TRANSIÇÕES === */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* === LAYOUT === */
  --container-max: 1240px;
  --header-height: 84px;
}