/* ============================================================
   Ari Boutique: identidade da loja (sobrescreve só valores de tokens.css).
   Pedido do dono: tema branco e dourado, dourado envelhecido #A8833E (opção 3, 26/10/2026).
   Fontes (27/10/2026): Playfair Display em títulos e texto; destaques em cursiva Pinyon Script
   (o dono pediu Snell Roundhand, que é paga; a Pinyon é a gratuita mais parecida). Logo = imagem oficial.
   Tema único (claro). Contraste medido (WCAG):
   - texto quase preto #1d1b17 sobre branco: 17,2:1; médio #4a443a: 9,6:1; fraco #6b6355: 5,9:1;
   - texto escuro sobre o botão dourado #a8833e: 4,9:1 (texto branco não passa: 3,5:1);
     o degradê do botão vai de #a8833e (4,9:1) a #c09a52 (6,5:1), nunca mais escuro;
   - dourado como TEXTO pequeno só no tom fechado #7d5f24: 5,9:1 sobre branco, 5,4:1 sobre o marfim.
   ============================================================ */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --sm-bg: #ffffff;
  --sm-bg-grad: #ffffff;
  --sm-bg-alt: #f6f3ee;             /* marfim: fundo das fotos das peças e faixas */
  --sm-card: #ffffff;
  --sm-card-forte: #f6f1e8;
  --sm-borda: #e8dcc6;
  --sm-borda-forte: #d4b57a;
  --sm-overlay: rgba(29, 27, 23, .45);

  --sm-texto: #1d1b17;
  --sm-texto-medio: #4a443a;
  --sm-texto-fraco: #6b6355;

  --sm-neon: #a8833e;               /* dourado: traços, sublinhados, detalhes grandes */
  --sm-neon-brilho: 0 0 0 transparent;
  --sm-neon-forte: 0 0 0 transparent;
  --sm-neon-texto: none;
  --sm-neon-gota: 0 0 0 transparent;
  --sm-neon-linha: 0 0 0 transparent;
  --sm-marca: #a8833e;
  --sm-marca-2: #d4b57a;
  --sm-marca-texto: #7d5f24;        /* dourado fechado: legível em texto pequeno */
  --sm-sobre-marca: #1d1b17;
  --sm-grad-marca: linear-gradient(120deg, #a8833e, #b38d48 50%, #c09a52);
  --sm-grad-destaque: linear-gradient(100deg, #7d5f24, #a8833e 45%, #c9a55c 60%, #7d5f24);
  --sm-grad-gaveta: #ffffff;
  --sm-brilho: rgba(255, 250, 238, .45);
  --sm-foco: #7d5f24;
  --sm-erro: #b3261e;
  --sm-sucesso: #12784a;
  --sm-alerta: #8a5a00;

  --sm-veu-foto: linear-gradient(180deg, rgba(20, 18, 14, 0) 40%, rgba(20, 18, 14, .55) 100%);
  --sm-veu-topo: linear-gradient(180deg, rgba(20, 18, 14, .35), transparent);
  --sm-veu-foto-celular: linear-gradient(180deg, rgba(20, 18, 14, .25) 0%, rgba(20, 18, 14, 0) 35%, rgba(20, 18, 14, .6) 100%);
  --sm-veu-promo: linear-gradient(180deg, rgba(14, 12, 9, .55), rgba(14, 12, 9, .8));
  --sm-fundo-foto: #1d1b17;
  --sm-aviso-fundo: #1d1b17;
  --sm-aviso-texto: #ffffff;
  --sm-sobre-foto: #ffffff;
  --sm-sobre-foto-fraco: #f3ede2;
  --sm-sobre-foto-acento: #d4b57a;
  --sm-selo-fundo: rgba(29, 27, 23, .82);

  --sm-sombra-sm: 0 1px 2px rgba(40, 30, 10, .08);
  --sm-sombra-md: 0 8px 22px rgba(40, 30, 10, .10);
  --sm-sombra-lg: 0 24px 60px rgba(40, 30, 10, .16);

  --sm-fonte-logo: 'Playfair Display', Didot, Georgia, 'Times New Roman', serif;
  --sm-fonte-display: 'Playfair Display', Didot, Georgia, 'Times New Roman', serif;
  --sm-fonte-titulo: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sm-fonte-texto: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sm-fonte-dados: 'Playfair Display', Georgia, 'Times New Roman', serif;
  /* cursiva dos destaques (front.css): Pinyon Script; quem tem a Snell Roundhand (Mac/iPhone) cai nela se a Pinyon falhar */
  --ari-fonte-cursiva: 'Pinyon Script', 'Snell Roundhand', 'Brush Script MT', cursive;
  --sm-peso-corpo: 400;
  --sm-peso-titulo-leve: 400;

  /* cantos retos, como nas grifes */
  --sm-raio-btn: 0px;
  --sm-raio-campo: 0px;
  --sm-raio-foto: 0px;
  --sm-raio-janela: 0px;
}
.preco, .preco-de, .quadro-num, .contador-num, .balao { font-variant-numeric: tabular-nums lining-nums; }

/* Páginas secundárias da loja (privacidade, termos, trocas, cookies, meus dados, acompanhar pedido, 404):
   são arquivos do MODELO, então a cara da Ari entra por aqui (27/10/2026): logo oficial no lugar do nome
   com estrela e palavras em dourado, iguais à página principal. O painel não usa .pagina-pedido. */
body.pagina-pedido {
  --sm-texto: #7d5f24;
  --sm-texto-medio: #7d5f24;
  --sm-texto-fraco: #7d5f24;
  --sm-marca-texto: #7d5f24;
  --sm-sobre-marca: #e3c78f;
  --sm-grad-marca: linear-gradient(120deg, #1d1b17, #2a251d 55%, #1d1b17);
  color: var(--sm-texto);
}
.pagina-pedido .logo-texto {
  display: inline-block; width: 151px; height: 50px; padding: 0; font-size: 0; color: transparent;
  background: url('/assets/logo-ari.png') center / contain no-repeat;   /* o texto do nome continua lá para leitores de tela */
}
.pagina-pedido .logo-estrela { display: none; }
.pagina-pedido .titulo-duplo .t1 { color: #9a7634; }
.pagina-pedido .btn-primario { color: #e3c78f; }