/* Tecwace 2.0 — tokens de design
   Cores: PALETA_TECWACE.md (âncoras medidas em logotipo_novo_02.png)
   Componentes usam só os tokens semânticos; as escalas são matéria-prima. */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ===== Escalas ===== */
  --azul-50: #F2F7FF;   --azul-100: #E2EEFF;  --azul-200: #C5DDFE;
  --azul-300: #9FC3F7;  --azul-400: #75A3E5;  --azul-500: #5084CD;
  --azul-600: #3468B1;  --azul-700: #1F549B;  --azul-800: #013B80;
  --azul-900: #022B60;  --azul-950: #00193E;

  --vermelho-50: #FEF4F3;  --vermelho-100: #FFE6E3;  --vermelho-200: #FECDC6;
  --vermelho-300: #FFA699; --vermelho-400: #FC6F5F;  --vermelho-500: #E24135;
  --vermelho-600: #C10A0B; --vermelho-700: #A30104;  --vermelho-800: #810002;
  --vermelho-900: #5D0001; --vermelho-950: #3A0001;

  --cinza-50: #F6F7F8;  --cinza-100: #EBEDEF;  --cinza-200: #D7DBDF;
  --cinza-300: #BCC2C7; --cinza-400: #9BA3A9;  --cinza-500: #7C848C;
  --cinza-600: #626A71; --cinza-700: #4F575E;  --cinza-800: #3C434A;
  --cinza-900: #292F34; --cinza-950: #171B1F;

  --verde-50: #EFFAF0;  --verde-200: #BEE7C5;  --verde-700: #00672D;
  --ambar-50: #FFF5E9;  --ambar-200: #F5D5AA;  --ambar-800: #5B3B00;

  /* ===== Semânticos — seções claras ===== */
  --cor-fundo: #FFFFFF;
  --cor-fundo-alt: var(--cinza-50);
  --cor-texto: var(--cinza-900);
  --cor-texto-suave: var(--cinza-700);
  --cor-texto-mudo: var(--cinza-600);
  --cor-borda: var(--cinza-200);
  --cor-borda-campo: var(--cinza-500);
  --cor-primaria: var(--azul-800);
  --cor-primaria-hover: var(--azul-900);
  --cor-primaria-suave: var(--azul-50);
  --cor-link: var(--azul-700);
  --cor-destaque: var(--vermelho-600);
  --cor-foco: var(--azul-600);

  /* ===== Semânticos — seções escuras ===== */
  --escuro-fundo: var(--azul-950);
  --escuro-fundo-alt: var(--azul-900);
  --escuro-texto: #FFFFFF;
  --escuro-texto-suave: var(--cinza-300);
  --escuro-texto-mudo: var(--cinza-400);
  --escuro-link: var(--azul-300);
  --escuro-destaque: var(--vermelho-400);
  --escuro-borda: var(--azul-900);
  --escuro-foco: var(--azul-300);

  /* ===== Status ===== */
  --sucesso-texto: var(--verde-700);  --sucesso-fundo: var(--verde-50);  --sucesso-borda: var(--verde-200);
  --alerta-texto: var(--ambar-800);   --alerta-fundo: var(--ambar-50);   --alerta-borda: var(--ambar-200);
  --erro-texto: var(--vermelho-700);  --erro-fundo: var(--vermelho-50);  --erro-borda: var(--vermelho-200);
  --info-texto: var(--azul-800);      --info-fundo: var(--azul-50);      --info-borda: var(--azul-200);

  /* ===== Tipografia ===== */
  --fonte-titulo: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --texto-xs: 0.8125rem;   /* 13px */
  --texto-sm: 0.9375rem;   /* 15px */
  --texto-md: 1.0625rem;   /* 17px — corpo */
  --texto-lg: 1.1875rem;   /* 19px — lead */
  --titulo-sm: 1.25rem;
  --titulo-md: clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem);
  --titulo-lg: clamp(2.125rem, 1.4rem + 3.2vw, 3.5rem);

  /* ===== Espaço e forma ===== */
  --largura-max: 1200px;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);
  --secao-y: clamp(4rem, 2.5rem + 6vw, 7rem);
  --raio: 10px;
  --raio-lg: 16px;
  --sombra-card: 0 1px 2px rgb(0 25 62 / 0.06), 0 4px 16px rgb(0 25 62 / 0.06);
  --sombra-card-hover: 0 2px 4px rgb(0 25 62 / 0.08), 0 12px 32px rgb(0 25 62 / 0.10);
  --transicao: 160ms ease;
}