/* ==========================================================================
   GERALDO RESENDE — SITE DE CAMPANHA V2
   Design system documentado, sem minificação e preparado para o CMS próprio.
   ========================================================================== */

/* ==========================================================================
   01. TIPOGRAFIA
   Pilhas do sistema mantêm o projeto independente de arquivos licenciados.
   Na migração para o CMS próprio, fontes autorizadas podem ser carregadas
   sem alterar os componentes ou os tokens abaixo.
   ========================================================================== */

/* ==========================================================================
   01. FONTES LICENCIADAS — MARINE ROUNDED
   Os arquivos devem permanecer em assets/fonts.
   ========================================================================== */

@font-face {
  font-family: "Marine UP Black";
  src: url("../../fonts/MarineRounded-UPBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Marine UP Bold";
  src: url("../../fonts/MarineRounded-UPBold.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Marine Black Obliqua";
  src: url("../../fonts/MarineRounded-BlackOblicua.otf") format("opentype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Marine Bold";
  src: url("../../fonts/MarineRounded-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Marine Round Obliqua";
  src: url("../../fonts/MarineRounded-BoldOblicua.otf") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Marine Regular";
  src: url("../../fonts/MarineRounded-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}


/* ==========================================================================
   02. TOKENS
   ========================================================================== */
:root {
  --gr-blue-950: #041b4d;
  --gr-blue-900: #072b70;
  --gr-blue-800: #0c459b;
  --gr-blue-700: #1768ca;
  --gr-blue-600: #228be0;
  --gr-cyan-500: #18bde5;
  --gr-green-700: #0a8f46;
  --gr-green-600: #18af57;
  --gr-green-500: #27c36a;
  --gr-yellow-500: #f2d51c;
  --gr-yellow-300: #fff1a3;
  --gr-ink: #132548;
  --gr-muted: #61708f;
  --gr-section-bg: #afb7c1;
  --gr-white: #ffffff;
  --gr-surface: #f4f7fb;
  --gr-surface-2: #eaf0f7;
  --gr-border: rgba(7, 43, 112, 0.13);
  --gr-shadow-sm: 0 12px 28px rgba(4, 27, 77, 0.09);
  --gr-shadow-md: 0 20px 46px rgba(4, 27, 77, 0.13);
  --gr-shadow-lg: 0 34px 90px rgba(4, 27, 77, 0.18);
  --gr-radius-sm: 0.9rem;
  --gr-radius-md: 1.35rem;
  --gr-radius-lg: 2rem;
  --gr-radius-xl: 2.8rem;
  --gr-container: min(100% - 2rem, 76rem);
  --gr-container-wide: min(100% - 2rem, 86rem);
  --gr-header-height: 5.5rem;
  --gr-font-display:
    "Marine UP Black",
    "Arial Black",
    system-ui,
    sans-serif;

  --gr-font-callout:
    "Marine UP Bold",
    "Arial Rounded MT Bold",
    system-ui,
    sans-serif;

  --gr-font-body:
    "Marine Regular",
    "Trebuchet MS",
    system-ui,
    sans-serif;

  --gr-font-light:
    "Marine Light",
    "Trebuchet MS",
    system-ui,
    sans-serif;

  --gr-font-quote:
    "Marine Round Obliqua",
    "Trebuchet MS",
    system-ui,
    sans-serif;

  --gr-font-badge:
    "Marine Bold",
    "Trebuchet MS",
    system-ui,
    sans-serif;
  /* Escala tipográfica global e das páginas internas. */
  --gr-type-display-xl: clamp(2.5rem, 5vw, 5rem);
  --gr-type-display-lg: clamp(2.1rem, 4vw, 3.7rem);
  --gr-type-display-md: clamp(1.8rem, 3vw, 2.8rem);

  --gr-type-hero-internal: clamp(2.5rem, 5vw, 4.75rem);
  --gr-type-section-lg: clamp(2.2rem, 3.75vw, 3.5rem);
  --gr-type-section-md: clamp(1.9rem, 2.8vw, 3rem);
  --gr-type-section-sm: clamp(1.5rem, 2vw, 2rem);
  --gr-type-feature-title: clamp(1.4rem, 2.2vw, 2.25rem);
  --gr-type-card-title-lg: clamp(1.15rem, 1.55vw, 1.6rem);
  --gr-type-card-title: clamp(1.05rem, 1.25vw, 1.25rem);
  --gr-type-body-lg: clamp(1.04rem, 1.3vw, 1.2rem);
  --gr-type-body: 1rem;
  --gr-type-body-sm: 0.9rem;
  --gr-type-label: 0.78rem;

  --gr-leading-display: 0.96;
  --gr-leading-heading: 1.12;
  --gr-leading-body: 1.55;
  --gr-leading-compact: 1.35;

  --gr-transition: 240ms cubic-bezier(.2,.65,.3,1);
}