/* ==========================================================================
   00 — TOKENS · cores, fontes, medidas
   Paleta extraída da referência: verde-floresta profundo + creme + cobre.
   ========================================================================== */
@font-face {
  font-family: "Gloock";
  src: url("../fonts/gloock-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
}

:root {
  /* Verdes (fundo) */
  --g-950: #07130f;
  --g-900: #0b1f1b;
  --g-800: #10291f;
  --g-700: #14312c;   /* verde da referência */
  --g-600: #1c4a3f;
  --g-500: #2a6657;

  /* Creme + cobre (texto/destaque) */
  --cream: #f6e6c8;
  --cream-dim: #d8c8a8;
  --copper: #d79c73;  /* "PRESENCIAL" da referência */
  --copper-deep: #b97a52;
  --ember: #722d13;   /* brilho quente atrás da foto */

  --ink: #0c1b17;     /* texto sobre creme */
  --text: #f1e9d8;
  --text-soft: rgba(241, 233, 216, 0.74);
  --text-mute: rgba(241, 233, 216, 0.5);
  --line: rgba(246, 230, 200, 0.14);
  --line-strong: rgba(246, 230, 200, 0.32);
  --glass: rgba(11, 31, 27, 0.55);

  --font-display: "Gloock", "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --container: 1240px;
  --gutter: clamp(20px, 4.5vw, 56px);
  --section-y: clamp(84px, 11vw, 150px);
  --r-sm: 10px;
  --r: 18px;
  --r-lg: 30px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}