/* ============================================================
   tokens.css — Design tokens do remix "tech/mining gradient" (v4)
   Inspirado no key visual de sites de mineração ASX (gradiente
   azul-petróleo → verde, botões em pílula, tipografia arredondada
   bold) — paleta e tipografia autorais, sem logo/copy de terceiros.
   ============================================================ */
:root {
  /* ---- Cores (gradiente azul-petróleo / verde) ---- */
  --c-black:        #0c3038;  /* fundo mais profundo (teal quase-preto) */
  --c-green-900:    #123f45;  /* superfície dark principal (painel) */
  --c-green-700:    #1a4d52;  /* teal médio (cards) */
  --c-green-500:    #6fa89c;  /* sage-teal acinzentado (texto secundário) */
  --c-cream:        #f4f9f4;  /* card claro flutuante (mapa de contato) */
  --c-accent:       #6ddc8a;  /* verde vivo — cta/acento principal */
  --c-accent-soft:  #8ee8a4;  /* verde claro (hover) */
  --c-accent-deep:  #3fae5e;  /* verde escuro */
  --c-accent-2:     #2f8fc4;  /* acento secundário — azul oceânico */
  --c-white:        #f2fbf8;  /* "branco" frio */
  --c-mist:         #b9d9d3;  /* texto suave sobre dark */
  --c-line:         rgba(242, 251, 248, 0.12);

  /* ---- Tipografia ---- */
  --f-display: "Poppins", system-ui, sans-serif;
  --f-body:    "Poppins", system-ui, sans-serif;
  --f-slab:    "Poppins", system-ui, sans-serif;

  /* escala fluida */
  --fs-hero:  clamp(38px, 6vw, 76px); /* px, não rem — teto não deve crescer com o font-size da raiz em telas grandes (ver base.css) */
  --fs-h1:    clamp(2rem, 4.8vw, 4rem);
  --fs-h2:    clamp(1.5rem, 3.2vw, 2.5rem);
  --fs-h3:    clamp(1.15rem, 1.9vw, 1.55rem);
  --fs-body:  clamp(0.9375rem, 1vw, 1.0625rem);
  --fs-small: 0.75rem;

  /* ---- Layout (mantido da v3) ---- */
  --container: 75rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --grid-gutter: clamp(1rem, 1.4vw, 1.33rem);
  --radius: 4px;

  --sec-sm: clamp(4rem, 5vw, 5rem);
  --sec-md: clamp(5rem, 6.5vw, 8rem);
  --sec-lg: clamp(6.5rem, 8vw, 9rem);
  --sec-xl: clamp(8rem, 9vw, 10.5rem);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.8s;

  /* ---- Z ---- */
  --z-header: 100;
  --z-cookie: 150;
  --z-overlay: 200;
}