/* ============================================================================
   SUNSET SERRA · SITE V2 — TOKENS
   ----------------------------------------------------------------------------
   Herdados da landing de produção (paleta, tipografia e ritmo aprovados).
   O que muda na V2 é a ESCALA, não a identidade: menos passos de espaçamento,
   menos famílias de superfície, hierarquia tipográfica mais curta.
============================================================================ */

:root {
  /* ---- fundo e superfície ---- */
  --bg:            #12170E;
  --bg-fundo:      #0E130A;
  --surf-1:        #1A2113;
  --surf-2:        #222A18;
  --surf-pedra:    #211C14;

  /* ---- linha ---- */
  --linha:         #3A3527;
  --linha-forte:   #57503B;

  /* ---- texto ---- */
  --texto:         #F2E7CE;
  --texto-2:       #CBBFA3;
  --texto-3:       #9C927B;

  /* ---- acento ---- */
  --ambar:         #C98A2B;
  --ambar-luz:     #E0A94E;
  /* O cobre da marca é intocável. Sobre ele, o texto do botão primário é PRETO
     PURO — e não a tinta #12170E, que só alcança 4,37:1. Preto dá 5,04:1 e
     mantém o cobre exato. Decisão aprovada em 30/08/2026. */
  --cobre:         #D3541A;   /* normal  · preto = 5,04:1 */
  --cobre-luz:     #E87B45;   /* hover   · preto = 7,35:1 */
  --cobre-press:   #CC5117;   /* active  · preto = 4,76:1 — escurece sem reprovar */
  --tinta-botao:   #000000;
  --tinta:         #12170E;
  --foco:          #E0A94E;
  --ok:            #8FBF7F;

  /* Vermelho existe no sistema mas NÃO se usa em rota pública (D-078).
     Fica declarado só para estado de erro de formulário. */
  --erro:          #E4685C;

  /* ---- scrim ---- */
  --scrim-hero:  linear-gradient(180deg, rgb(14 19 10 / .30) 0%, rgb(14 19 10 / .10) 32%, rgb(14 19 10 / .86) 100%);
  --scrim-hero-h: linear-gradient(100deg, rgb(14 19 10 / .82) 0%, rgb(14 19 10 / .56) 32%, rgb(14 19 10 / .12) 58%, transparent 74%);
  --scrim-media: linear-gradient(180deg, transparent 48%, rgb(14 19 10 / .82) 100%);
  --scrim-nav:   rgb(14 19 10 / .88);

  /* ---- tipografia ---- */
  --f-display: "Playfair Display", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-texto:   "Montserrat", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  /* Escala encurtada: display, h2, h3, lead, body, caption, overline.
     A V1 tinha sete tamanhos de título; sete níveis não se leem como hierarquia. */
  --t-display: clamp(2.5rem, 1.45rem + 4.6vw, 4.75rem);
  --t-h2:      clamp(1.75rem, 1.38rem + 1.67vw, 2.5rem);
  --t-h3:      clamp(1.25rem, 1.16rem + .42vw, 1.5rem);
  --t-lead:    clamp(1.125rem, 1.06rem + .28vw, 1.25rem);
  --t-body:    clamp(1rem, .97rem + .14vw, 1.0625rem);
  --t-caption: .875rem;
  --t-overline: .8125rem;
  --t-dado:    clamp(1.375rem, 1.24rem + .56vw, 1.625rem);

  /* ---- espaço: 6 passos, não 11 ---- */
  --e-1: .25rem;
  --e-2: .5rem;
  --e-3: 1rem;
  --e-4: 1.5rem;
  --e-5: 2.5rem;
  --e-6: 4rem;
  --sec-y: clamp(3.5rem, 2.6rem + 4.2vw, 6.5rem);

  /* ---- forma ---- */
  --r-fio:    2px;
  --r-media:  6px;
  --r-cartao: 8px;
  --r-pill:   999px;

  --sombra-1: inset 0 1px 0 rgb(242 231 206 / .06), 0 1px 2px rgb(0 0 0 / .35);
  --sombra-2: inset 0 1px 0 rgb(242 231 206 / .08), 0 8px 24px -12px rgb(0 0 0 / .55);

  /* ---- camada ---- */
  --z-fundo: 0;
  --z-conteudo: 10;
  --z-selo: 20;
  --z-barra: 90;
  --z-nav: 100;
  --z-menu: 200;
  --z-lightbox: 400;

  /* ---- movimento ---- */
  --dur-rapida: 160ms;
  --dur-media:  360ms;
  --dur-lenta:  640ms;
  --ease-pedra:   cubic-bezier(.4, 0, .2, 1);
  --ease-luz:     cubic-bezier(.22, 1, .36, 1);
  --ease-assenta: cubic-bezier(.16, 1, .3, 1);

  /* ---- grade ---- */
  --grid-max: 1240px;
  --medida:   68ch;
  --gutter:   clamp(1rem, .5rem + 2vw, 1.75rem);
  --margem:   clamp(1.25rem, .6rem + 3vw, 3.5rem);

  /* ---- alturas fixas medidas em JS/CSS ---- */
  --nav-h: 60px;
  --barra-h: 0px;
}

@media (min-width: 1100px) {
  :root { --nav-h: 72px; }
}