/* Estação 6 — tokens de marca (base IDV Fortunato + camada "mais alegre" da Izi).
   Claro e escuro. Use var(--e6-*) em site, linkbio e CRM. Ajustar acentos com o Vitor. */
:root {
  /* base (da IDV) */
  --e6-bege: #F7F4F0;      /* fundo claro */
  --e6-areia: #E8DDD4;     /* superfície/cartão */
  --e6-carvao: #3A3731;    /* texto */
  --e6-salvia: #A4B5A0;
  --e6-verde: #7A8F75;     /* verde da marca */
  --e6-terroso: #C19A7A;
  --e6-terra: #A67C52;
  /* camada alegre (acentos infantis, sofisticados) */
  --e6-coral: #F28157;     /* CTA/destaque quente */
  --e6-amarelo: #F4C64A;   /* alegria/promoção */
  --e6-azul: #7FB5D6;      /* fresco/novidade */

  /* papéis semânticos — CLARO (default) */
  --e6-fundo: var(--e6-bege);
  --e6-fundo-2: #FBF9F6;
  --e6-superficie: #FFFFFF;
  --e6-superficie-2: var(--e6-areia);
  --e6-linha: #E4DBD0;
  --e6-tinta: var(--e6-carvao);
  --e6-tinta-suave: #6B6459;
  --e6-marca: var(--e6-verde);
  --e6-acento: var(--e6-coral);
  --e6-acento-tinta: #FFFFFF;      /* texto sobre o acento */
  --e6-sombra: 0 10px 30px rgba(58, 55, 49, .10);
  --e6-sombra-sm: 0 2px 10px rgba(58, 55, 49, .08);

  /* tipografia */
  --e6-fonte-titulo: "Fraunces", "Gelica", Georgia, serif;   /* Gelica quando licenciada */
  --e6-fonte-texto: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --e6-raio: 18px;
  --e6-raio-sm: 12px;
  --e6-raio-lg: 26px;

  /* scroll fino na cor da marca */
  --scroll-trilho: transparent;
  --scroll-polegar: #CDBBA8;
  --scroll-polegar-hover: var(--e6-terra);
}

/* ESCURO — quente, nunca preto puro */
:root:not([data-tema="claro"]) { }
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --e6-fundo: #221F1B;
    --e6-fundo-2: #26231E;
    --e6-superficie: #2C2823;
    --e6-superficie-2: #35302A;
    --e6-linha: #3C372F;
    --e6-tinta: #F3EEE6;
    --e6-tinta-suave: #B7AE9F;
    --e6-marca: #9DB29A;
    --e6-acento: #F2905F;
    --e6-acento-tinta: #241a12;
    --e6-sombra: 0 14px 40px rgba(0, 0, 0, .45);
    --e6-sombra-sm: 0 2px 12px rgba(0, 0, 0, .35);
    --scroll-polegar: #4a443b;
    --scroll-polegar-hover: var(--e6-terroso);
  }
}
:root[data-tema="escuro"] {
  --e6-fundo: #221F1B;
  --e6-fundo-2: #26231E;
  --e6-superficie: #2C2823;
  --e6-superficie-2: #35302A;
  --e6-linha: #3C372F;
  --e6-tinta: #F3EEE6;
  --e6-tinta-suave: #B7AE9F;
  --e6-marca: #9DB29A;
  --e6-acento: #F2905F;
  --e6-acento-tinta: #241a12;
  --e6-sombra: 0 14px 40px rgba(0, 0, 0, .45);
  --e6-sombra-sm: 0 2px 12px rgba(0, 0, 0, .35);
  --scroll-polegar: #4a443b;
  --scroll-polegar-hover: var(--e6-terroso);
}

html { scrollbar-width: thin; scrollbar-color: var(--scroll-polegar) var(--scroll-trilho); }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: var(--scroll-trilho); }
::-webkit-scrollbar-thumb { background: var(--scroll-polegar); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-polegar-hover); }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}