/* =============================================================================
   WEBDOS Seletivos — tokens do design system
   Fustat (títulos e botões) + Inter (texto). Magenta como cor de ação.
   ============================================================================= */
@font-face { font-family: 'Fustat'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/fustat/fustat-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fustat'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/fustat/fustat-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fustat'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/fustat/fustat-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fustat'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/fustat/fustat-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fustat'; font-weight: 800; font-style: normal; font-display: swap; src: url('../fonts/fustat/fustat-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2'); }

:root {
  --wd-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --wd-font-titulo: 'Fustat', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Marca */
  --wd-primaria: #E0186C;
  --wd-primaria-600: #C8125E;
  --wd-primaria-700: #A50E4D;
  --wd-primaria-50: #FFF1F7;
  --wd-primaria-100: #FFDDEC;
  --wd-primaria-200: #FFB9D8;
  --wd-primaria-rgb: 224, 24, 108;

  /* Neutros */
  --wd-tinta: #15161A;
  --wd-texto: #2B2D33;
  --wd-suave: #646873;
  --wd-sutil: #9599A3;
  --wd-borda: #ECE9F0;
  --wd-borda-forte: #DAD6E0;
  --wd-fundo: #FAF9FB;
  --wd-superficie: #FFFFFF;
  --wd-superficie-2: #F5F3F7;

  /* Estados */
  --wd-sucesso: #15803D;   --wd-sucesso-bg: #E9F7EF;
  --wd-aviso: #B45309;     --wd-aviso-bg: #FEF4E2;
  --wd-perigo: #C81E1E;    --wd-perigo-bg: #FDECEC;
  --wd-info: #1D4ED8;      --wd-info-bg: #EAF1FE;
  --wd-roxo: #6D28D9;      --wd-roxo-bg: #F1EAFE;

  /* Forma */
  --wd-raio: 16px;
  --wd-raio-md: 12px;
  --wd-raio-sm: 8px;
  --wd-pill: 999px;
  --wd-sombra: 0 1px 2px rgba(21, 22, 26, .04), 0 1px 3px rgba(21, 22, 26, .05);
  --wd-sombra-md: 0 6px 18px -8px rgba(21, 22, 26, .16);
  --wd-sombra-lg: 0 18px 40px -16px rgba(21, 22, 26, .22);
  --wd-anel: 0 0 0 4px rgba(var(--wd-primaria-rgb), .14);

  /* Cor do município (sobrescrita inline nas páginas do portal) */
  --mun-cor: var(--wd-primaria);

  /* Ponte com o Bootstrap 5.3 */
  --bs-body-font-family: var(--wd-font);
  --bs-body-color: var(--wd-texto);
  --bs-body-bg: var(--wd-fundo);
  --bs-emphasis-color: var(--wd-tinta);
  --bs-secondary-color: var(--wd-suave);
  --bs-border-color: var(--wd-borda);
  --bs-border-radius: var(--wd-raio-md);
  --bs-border-radius-sm: var(--wd-raio-sm);
  --bs-border-radius-lg: var(--wd-raio);
  --bs-primary: var(--wd-primaria);
  --bs-primary-rgb: var(--wd-primaria-rgb);
  --bs-link-color: var(--wd-primaria-600);
  --bs-link-color-rgb: 200, 18, 94;
  --bs-link-hover-color: var(--wd-primaria-700);
  --bs-link-hover-color-rgb: 165, 14, 77;
  --bs-focus-ring-color: rgba(var(--wd-primaria-rgb), .2);
  --bs-heading-color: var(--wd-tinta);
}