/* ============================================================
   Atelier Luquet — tokens (v3)
   Paleta: BRAND.md §5.1, bloco "cores de marca", mais o papel
   claro (--al-paper) pedido pelo cliente na revisão da v1.
   Escala tipográfica reduzida na v3 a pedido do cliente
   (referência de UI: mnma.co). Nenhum valor visual vive fora
   deste arquivo.
   ============================================================ */

:root {
  /* --- cor de marca ------------------------------------------ */
  --al-paper:   #F2F0EB;  /* papel claro — fundo principal (derivado do osso) */
  --al-bone:    #E3E3DD;  /* osso — fundo das ilustrações */
  --al-cream:   #EDE6D6;  /* creme — linho cru */
  --al-ink:     #100D0B;  /* tinta do wordmark — nunca #000 */
  --al-oxblood: #2B1A21;  /* lacre em cera — único acento */
  --al-brass:   #A8823E;  /* latão — reflexo, só em detalhe mínimo */

  /* derivadas — só opacidade sobre a tinta e o papel */
  --al-ink-88:  rgba(16, 13, 11, .88);
  --al-ink-72:  rgba(16, 13, 11, .72);
  --al-ink-56:  rgba(16, 13, 11, .56);
  --al-ink-38:  rgba(16, 13, 11, .38);
  --al-ink-60:  rgba(16, 13, 11, .60);
  --al-ink-64:  rgba(16, 13, 11, .64);
  --al-ink-80:  rgba(16, 13, 11, .80);
  --al-ink-26:  rgba(16, 13, 11, .26);
  --al-ink-14:  rgba(16, 13, 11, .14);
  --al-ink-08:  rgba(16, 13, 11, .08);

  --al-white-92: rgba(255, 255, 255, .92);
  --al-white-64: rgba(255, 255, 255, .64);
  --al-white-88: rgba(255, 255, 255, .88);
  --al-white-30: rgba(255, 255, 255, .30);
  --al-paper-00: rgba(242, 240, 235, 0);   /* papel transparente, para gradientes */

  /* véus sobre a fotografia da abertura — calibrados para que todo texto
     branco passe em WCAG AA (4,5:1) sobre o trecho mais claro do acervo */
  --veil-foot: linear-gradient(to top,
      rgba(16,13,11,.62) 0px, rgba(16,13,11,.50) 132px,
      rgba(16,13,11,.24) 236px, rgba(16,13,11,0) 340px);
  --veil-top: linear-gradient(to bottom,
      rgba(16,13,11,.62) 0%, rgba(16,13,11,.34) 52%, rgba(16,13,11,0) 100%);
  --veil-menu: linear-gradient(to left,
      rgba(16,13,11,.68) 0%, rgba(16,13,11,.46) 22%,
      rgba(16,13,11,.12) 52%, rgba(16,13,11,0) 72%);
  --veil-menu-base: rgba(16,13,11,.14);
  --veil-lightbox:  rgba(16,13,11,.96);

  /* papéis */
  --bg:        var(--al-paper);
  --fg:        var(--al-ink);
  --fg-soft:   var(--al-ink-80);
  --fg-mute:   var(--al-ink-64);
  --fg-ghost:  var(--al-ink-60);   /* texto ainda não lido — revelação progressiva.
                                      .60 é o mínimo que ainda passa em AA (4,7:1). */
  --rule:      var(--al-ink-14);
  --rule-soft: var(--al-ink-08);
  --accent:    var(--al-oxblood);

  /* sobre fotografia */
  --on-photo:      #FFFFFF;
  --on-photo-soft: var(--al-white-88);
  --on-photo-rule: var(--al-white-30);

  /* --- tipo -------------------------------------------------- */
  --font-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, "Times New Roman", serif;
  --font-ui: "Jost", "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;

  /* escala v3 — bem menor que a v2, teto baixo de propósito */
  --fs-3xs:  clamp(.575rem, .555rem + .09vw, .625rem);   /*  9,2 → 10   px */
  --fs-2xs:  clamp(.625rem, .600rem + .11vw, .690rem);   /* 10   → 11   px */
  --fs-xs:   clamp(.700rem, .672rem + .13vw, .775rem);   /* 11,2 → 12,4 px */
  --fs-sm:   clamp(.800rem, .770rem + .14vw, .875rem);   /* 12,8 → 14   px */
  --fs-base: clamp(.905rem, .870rem + .16vw, .990rem);   /* 14,5 → 15,8 px */
  --fs-md:   clamp(1.030rem, .980rem + .23vw, 1.155rem); /* 16,5 → 18,5 px */
  --fs-lg:   clamp(1.185rem, 1.100rem + .38vw, 1.390rem);/* 19   → 22,2 px */
  --fs-xl:   clamp(1.420rem, 1.240rem + .82vw, 1.875rem);/* 22,7 → 30   px */
  --fs-2xl:  clamp(1.750rem, 1.420rem + 1.50vw, 2.600rem);/*28   → 41,6 px */

  --lh-tight: 1.10;
  --lh-title: 1.24;
  --lh-lede:  1.46;
  --lh-body:  1.68;

  --tr-tight:  -.010em;
  --tr-wide:    .10em;
  --tr-wider:   .18em;
  --tr-widest:  .30em;

  /* --- espaço (escala geométrica) ---------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 40px;
  --s-6: 64px;
  --s-7: 104px;
  --s-8: 168px;

  --gutter:   clamp(22px, 4.4vw, 68px);
  --top-h:    clamp(56px, 8vh, 84px);     /* faixa do logo / hambúrguer */
  --col-w:    clamp(280px, 40vw, 520px);  /* coluna de conteúdo, à esquerda */
  --col-gap:  clamp(28px, 4vw, 64px);
  --block:    clamp(40px, 5.2vw, 78px);   /* respiro entre blocos de texto */
  --measure:  46ch;

  /* --- movimento --------------------------------------------- */
  --e-out:   cubic-bezier(.16, 1, .3, 1);
  --e-soft:  cubic-bezier(.33, 0, .18, 1);
  --e-inout: cubic-bezier(.76, 0, .24, 1);
  --d-1: 200ms;
  --d-2: 420ms;
  --d-3: 700ms;
  --d-4: 1100ms;
  --d-fade: 1600ms;   /* travessia entre as fotos da abertura */

  /* --- camadas ----------------------------------------------- */
  --z-hero:     0;
  --z-panel:   20;
  --z-menu:    40;
  --z-top:     60;
  --z-lightbox: 80;
  --z-cursor:  90;
  --z-loader: 100;
}