/* ============================================================
   SGCOR — Design Tokens
   Identidade visual oficial. Não alterar valores de cor.
   ============================================================ */

:root {
  /* --- Cores oficiais SGCOR --- */
  --navy: #0A1B33;
  --navy-2: #122A4E;

  --ink: #17233A;
  --paper: #F5F8FC;
  --muted: #5A6B85;
  --line: #DCE5F0;

  --blue: #3E8DE3;

  --green: #1FA45B;
  --green-d: #157A43;

  --amber: #F5A623;

  --white: #FFFFFF;
  --shadow-navy: rgba(10, 27, 51, 0.18);
  --blue-glow: rgba(62, 141, 227, 0.34);
  --green-glow: rgba(31, 164, 91, 0.30);

  /* --- Tipografia ---
     CONTENT_PENDING(logoAsset/fonte): substituir pela família oficial
     SGCOR quando o arquivo de fonte for fornecido. */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-hero: clamp(2.1rem, 4vw, 3.6rem);
  --fs-h2: clamp(1.55rem, 2.6vw, 2.4rem);
  --fs-h3: clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body-lg: clamp(1rem, 1.05vw, 1.125rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --fw-title: 650;
  --fw-title-strong: 700;
  --fw-body: 400;
  --fw-body-md: 500;

  --lh-title: 1.12;
  --lh-body: 1.6;

  /* --- Layout (compacto) --- */
  --container: 1280px;
  --container-wide: 1320px;
  --pad-x: clamp(1rem, 2.5vw, 1.5rem);
  --pad-y: clamp(2.75rem, 4.5vw, 4rem);

  --radius-card: 20px;
  --radius-card-sm: 16px;
  --radius-card-lg: 24px;
  --radius-btn: 14px;
  --radius-pill: 999px;

  /* --- Sombras (azuladas, discretas) --- */
  --shadow-sm: 0 2px 8px rgba(10, 27, 51, 0.08);
  --shadow-md: 0 8px 24px rgba(10, 27, 51, 0.10);
  --shadow-lg: 0 16px 48px var(--shadow-navy);

  /* --- Movimento --- */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bars: cubic-bezier(0.45, 0.05, 0.35, 1);
  --ease-dark: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-hover: 220ms;
}