/* #1361 Ótica e Joalheria Alexandria — tokens da marca base (etapa 1).
   Fonte única das cores e da tipografia. site/assets/css/tokens.css é cópia idêntica deste arquivo.
   Contraste medido (WCAG 2.x) e anotado ao lado de cada par. */
:root {
  /* marca: o dourado acobreado do logo (amostra do avatar; valor oficial a confirmar) */
  --ouro: #a98451;         /* cor do logo. Só em grafismo e texto grande: 3,25:1 no papel; 5,47:1 na noite */
  --ouro-texto: #7a5a2e;   /* o dourado escurecido para texto pequeno: 5,95:1 no papel; 5,16:1 no papel-2 */
  --ouro-claro: #ddbe8e;   /* dourado sobre fundo escuro: 10,6:1 na noite; 5,95:1 no verde */

  /* neutros quentes: loja clara com LED quente, uniforme preto */
  --papel: #fbf8f3;        /* fundo claro */
  --papel-2: #f2e7d5;      /* fundo da joalheria: o dourado diluído */
  --tinta: #1a1613;        /* texto: 16,97:1 no papel; 14,7:1 no papel-2 */
  --tinta-2: #5a5048;      /* texto secundário: 7,41:1 no papel; 6,42:1 no papel-2 */
  --noite: #14110e;        /* fundo escuro; papel sobre ela: 17,76:1 */
  --areia: #cfc6b8;        /* texto secundário em fundo escuro: 11,13:1 na noite; 6,24:1 no verde */

  /* tons de lente (tese "Cor de lente"): fundos e lâminas */
  --verde-lente: #34432f;  /* fundo da seção de óculos; papel sobre ele: 9,96:1 */
  --lamina-ambar: #c8922e;
  --lamina-verde: #5e7a52;
  --lamina-fume: #6b6f78;

  --linha: color-mix(in srgb, currentColor 22%, transparent);

  /* tipo — títulos: Bodoni Moda (OFL), a mais próxima do logo; texto: Instrument Sans (OFL) */
  --f-titulo: "Bodoni Moda", "Bodoni 72", Didot, "Times New Roman", serif;
  --f-texto: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-mega: clamp(3rem, 17.5vw, 17rem);
  --t-hero: clamp(2.75rem, 6.4vw, 6.25rem);
  --t-h2: clamp(2.25rem, 5.2vw, 5rem);
  --t-h3: clamp(1.375rem, 2vw, 1.875rem);
  --t-lead: clamp(1.0625rem, 1.25vw, 1.25rem);
  --t-texto: 1rem;
  --t-legenda: .8125rem;

  /* espaço (8 pt) e grade de 12 */
  --e-1: .5rem; --e-2: 1rem; --e-3: 1.5rem; --e-4: 2rem; --e-6: 3rem; --e-8: 4rem; --e-12: 6rem; --e-16: 8rem; --e-24: 12rem;
  --margem: clamp(1.25rem, 4.5vw, 4.5rem);
  --calha: clamp(1rem, 2vw, 2rem);
  --largura: 1440px;
  --raio: 2px;

  /* movimento — definido uma vez */
  --d-curta: 180ms; --d-media: 520ms; --d-longa: 1100ms;
  --curva: cubic-bezier(.2, .7, .1, 1);
  --escalonar: 70ms;
}