/* ==========================================================================
   Tokens — R.O.S Engenharia 360°
   Fonte: Manual de Identidade Visual v1.0 (2026)
   ========================================================================== */

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores — principal */
  --azul-ros: #123572;

  /* Cores — secundárias */
  --azul-medio: #1d4fa0;
  --azul-nevoa: #dce5f2;

  /* Cores — neutras */
  --grafite: #121417;
  --cinza-aco: #5a6372;
  --branco: #ffffff;
  --fundo-claro: #f4f5f8; /* fundo dos painéis do manual */

  /* Tipografia */
  --fonte: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --peso-light: 300;
  --peso-regular: 400;
  --peso-medium: 500;

  --texto-titulo-1: clamp(2.25rem, 1.5rem + 3vw, 4rem);   /* Light 300 */
  --texto-titulo-2: clamp(1.5rem, 1.25rem + 1vw, 2rem);   /* Regular 400 */
  --texto-subtitulo: 0.8125rem;                           /* Medium 500, caixa alta */
  --texto-corpo: 1.0625rem;                               /* Regular 400 */
  --texto-legenda: 0.875rem;                              /* Medium 500 */

  --entrelinha-corpo: 1.6;
  --espacamento-subtitulo: 0.3em;

  /* Linhas de construção (traço fino do logo) */
  --linha: 1px solid currentColor;

  /* Espaçamento entre seções */
  --secao-y: clamp(4rem, 3rem + 5vw, 8rem);
}