/* ==========================================================================
   Educarmais 3.0 — Design tokens
   Cores da marca conferidas no SVG oficial (assets/logos/educarmais-color.svg):
   azul #53A0DD, laranja #F9B655, grafite #3D3D3D.
   ========================================================================== */
:root {
  /* Marca */
  --brand-blue: #53a0dd;
  --brand-orange: #f9b655;
  --brand-graphite: #3d3d3d;

  /* Azul de ação (V4 aprovada) — contraste AA com texto branco */
  --action: #216ca9;
  --action-hover: #1a5a8f;
  --action-soft: #e6f1fa;

  /* Profundidade (seções escuras) */
  --deep-900: #0b1a2c;
  --deep-800: #10243b;
  --deep-700: #142b4b;
  --deep-600: #1d3c63;

  /* Neutros com viés azul */
  --ink: #14283d;
  --ink-2: #3a5068;
  --ink-3: #62778c;
  --line: #dfe8f1;
  --surface: #ffffff;
  --surface-2: #f4f7fb;
  --surface-3: #eaf2fa;

  /* Semânticas */
  --ok: #1f8a5b;
  --ok-soft: #e3f5ec;

  /* Tipografia */
  --f-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-hero: clamp(2.6rem, 1.2rem + 5.2vw, 5.6rem);
  --fs-h2: clamp(2rem, 1.2rem + 3vw, 3.4rem);
  --fs-h3: 1.25rem;
  --fs-lede: clamp(1.05rem, 0.95rem + 0.45vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.8125rem;
  --fs-micro: 0.6875rem;

  /* Espaço e forma */
  --container: 1240px;
  --gutter: max(20px, env(safe-area-inset-left, 0px));
  --gutter-r: max(20px, env(safe-area-inset-right, 0px));
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 32px;

  /* Sombras */
  --shadow-s: 0 6px 18px rgba(20, 52, 86, 0.08);
  --shadow-m: 0 18px 45px rgba(20, 52, 86, 0.14);
  --shadow-l: 0 40px 90px rgba(12, 36, 64, 0.22);

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Layout */
  --header-h: 76px;
}