/* Intensa Perfumaria — fundamentos compartilhados (DESIGN.md). */
:root {
  color-scheme: light;
  --cor-fundo: #F8F5F0;
  --cor-fundo-alt: #F1ECE4;
  --cor-superficie: #FFFFFF;
  --cor-superficie-2: #FBF9F6;
  --cor-texto: #2B2620;
  --cor-texto-2: #6E655A;
  --cor-texto-3: #A39888;
  --cor-ouro: #A8793A;
  --cor-ouro-claro: #C9A46A;
  --cor-ouro-escuro: #7A5426;
  --cor-ouro-veu: #EFE4D2;
  --grad-ouro: linear-gradient(135deg, #7A5426 0%, #C9A46A 45%, #A8793A 70%, #7A5426 100%);
  --cor-linha: #E6DED2;
  --cor-linha-forte: #D6CBBB;
  --cor-sucesso: #5E7D5A;
  --cor-alerta: #B98A3E;
  --cor-erro: #A4483E;
  --cor-info: #5C6F82;
  --cor-sucesso-fundo: #EFF2EF;
  --cor-alerta-fundo: #F8F3EC;
  --cor-erro-fundo: #F6EDEB;
  --cor-info-fundo: #EFF1F3;
  /* Tons de texto de estado com contraste AA sobre os respectivos fundos. */
  --cor-sucesso-texto: #405C3D;
  --cor-alerta-texto: #795923;
  --cor-info-texto: #46596C;
  --fonte-titulo: "Cormorant Garamond", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --fonte-texto: "Jost", "Segoe UI", Arial, sans-serif;
  --fonte-mono: "Cascadia Mono", Consolas, "Courier New", monospace;
  /* Dashboard E25: período em ouro, comparativo tracejado em ardósia. */
  --grafico-serie-1: #A8793A;
  --grafico-serie-2: #5C6F82;
  --grafico-grade: rgba(43,38,32,.08);
  --grafico-texto: #6B6258;
  --grafico-fonte: Jost, "Segoe UI", Arial, sans-serif;
  --fs-display: clamp(2.75rem, 6vw, 5rem);
  --fs-h1: clamp(2.25rem, 4vw, 3.25rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.375rem);
  --fs-h3: 1.375rem;
  --fs-eyebrow: .75rem;
  --fs-body: 1rem;
  --fs-small: .8125rem;
  --fs-preco: clamp(1.25rem, 2vw, 1.75rem);
  --esp-1: .5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2rem;
  --esp-5: 2.5rem;
  --esp-6: 3rem;
  --esp-7: 4rem;
  --esp-8: 5rem;
  --esp-9: 6rem;
  --esp-10: 8rem;
  --raio-1: 2px;
  --raio-2: 4px;
  --raio-pill: 999px;
  --sombra-1: 0 1px 2px rgba(43,38,32,.04), 0 4px 16px rgba(43,38,32,.04);
  --sombra-2: 0 12px 40px rgba(43,38,32,.08);
  --foco-halo: 0 0 0 3px rgba(201,164,106,.25);
  --duracao: 240ms;
  --duracao-lenta: 400ms;
  --movimento: cubic-bezier(.22,.61,.36,1);
  --largura-container: 80rem;
  --largura-texto: 42.5rem;
  --largura-menu: 260px;
  --altura-topo: 80px;
  /* Densidade: alvos de toque/controle e altura de linha de tabela. O admin reduz com mouse (admin.css). */
  --alvo-toque: 44px;
  --alvo-controle: 48px;
  --altura-linha: 56px;
}