/*
  Design tokens — Suculenta
  Paleta oficial definida pela marca (27/07/2026): preto, Pantone 221 C
  (#88284A), dourado, branco. A escala --cor-bordo-* abaixo é derivada
  matematicamente desse hex oficial (mais escuro/mais claro), então
  qualquer elemento que use --cor-bordo-* fecha com o Pantone informado.
  --cor-bordo-600 É o valor oficial, sem alteração.
*/
:root {
  /* Cores — marca */
  --cor-bordo-900: #260b16;
  --cor-bordo-800: #451729;
  --cor-bordo-700: #6b1f39;
  --cor-bordo-600: #88284A; /* Pantone 221 C — oficial, não alterar */
  --cor-bordo-500: #a8395f;
  --cor-bordo-400: #c15579;
  --cor-vermelho-acento: #88284A;
  --cor-preto: #0d0b0c;
  --cor-preto-suave: #171415;
  --cor-dourado: #c9a24b;
  --cor-dourado-claro: #e6cd8f;
  --cor-creme: #f4ece4;
  --cor-branco: #ffffff;

  /* Cores — funcionais */
  --cor-sucesso: #2f7d4f;
  --cor-sucesso-texto: #9be3b3; /* uso em TEXTO sobre fundo escuro — contraste AA verificado (~12:1) */
  --cor-erro: #b3202c;          /* uso em fundos/washes decorativos, não em texto nem borda fina */
  --cor-erro-acento: #d94452;   /* uso em bordas/ícones de erro — contraste não-textual 3:1+ verificado */
  --cor-erro-texto: #ffb4ba;    /* uso em TEXTO de erro sobre fundo escuro — contraste AA verificado (~11:1) */
  --cor-alerta: #c9a24b;
  --cor-info: #4a6fa5;

  /* Texto */
  --cor-texto-principal: var(--cor-creme);
  --cor-texto-secundario: #cbb9ae;
  --cor-texto-sobre-claro: var(--cor-preto);

  /* Tipografia */
  --fonte-display: 'Playfair Display', Georgia, serif;
  --fonte-corpo: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --fonte-destaque: 'Poppins', var(--fonte-corpo);

  --tamanho-texto-xs: 0.75rem;
  --tamanho-texto-sm: 0.875rem;
  --tamanho-texto-base: 1rem;
  --tamanho-texto-lg: 1.25rem;
  --tamanho-texto-xl: 1.75rem;
  --tamanho-texto-2xl: 2.5rem;
  --tamanho-texto-3xl: 3.5rem;
  --tamanho-texto-4xl: 5rem;

  /* Espaçamento (escala 4px) */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-6: 1.5rem;
  --espaco-8: 2rem;
  --espaco-12: 3rem;
  --espaco-16: 4rem;
  --espaco-24: 6rem;
  --espaco-32: 8rem;

  /* Bordas e raios */
  --raio-sm: 4px;
  --raio-md: 8px;
  --raio-lg: 16px;
  --raio-pill: 999px;
  --borda-cor: rgba(201, 162, 75, 0.35);

  /* Sombras */
  --sombra-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --sombra-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --sombra-lg: 0 24px 64px rgba(0, 0, 0, 0.55);

  /* Camadas (z-index) */
  --camada-header: 100;
  --camada-drawer: 200;
  --camada-modal: 300;
  --camada-toast: 400;

  /* Transições */
  --transicao-rapida: 150ms ease;
  --transicao-padrao: 300ms cubic-bezier(0.22, 1, 0.36, 1);
  --transicao-lenta: 600ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --largura-maxima: 1280px;
  --largura-maxima-editorial: 1440px;
  --altura-header: 76px;
}

@media (max-width: 768px) {
  :root {
    --tamanho-texto-3xl: 2.5rem;
    --tamanho-texto-4xl: 3rem;
    --altura-header: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transicao-rapida: 0ms;
    --transicao-padrao: 0ms;
    --transicao-lenta: 0ms;
  }
}