/* ═══════════════════════════════════════════════════════════════
   Charme D'Criança Village — a paleta da marca

   Copiada de TEMPLATE-APROVADO/estilo/globals.css, dígito por dígito.
   Nenhum valor foi recalculado, reinterpretado ou "melhorado".

   O arquivo de origem é Tailwind 4 e depende de @theme, @source e de um
   tailwind.config.mjs que nem está no template. Só os valores vieram —
   e eles já eram variáveis CSS comuns.

   ─── as regras que não se rediscutem (Princípio II) ───

   #DAB768  dourado champanhe   SUPERFÍCIE. Botão, borda, faixa. NUNCA letra.
   #7A4F0A  ouro velho          TODA letra dourada. 5,13:1 na menta.
   #8FEDCB  menta               cabeçalho, menu, rodapé
   #F2F3EC  creme               fundo
   #2B3D36  verde quase preto   texto, 10,3:1 no fundo
   #8C2F1E  promoção            etiqueta de desconto

   BRANCO SOBRE DOURADO REPROVA CONTRASTE EM TODOS OS TONS TESTADOS.

   O #D97B06 que está no ar na Nuvemshop é zona morta: 3,72:1 com texto
   escuro e 3,09:1 com branco. Nenhuma cor de letra passa nele, e a dona
   já remendou três vezes no CSS ao vivo sem resolver.

   A loja é SEMPRE CLARA. Não existe bloco prefers-color-scheme aqui, e
   isso é deliberado: o dourado de letra só passa contraste sobre fundo
   claro.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ---- marca, para uso direto nos componentes ---- */
  --menta:         oklch(87.8% 0.102 168.8deg);  /* #8FEDCB cabecalho, menu, rodape */
  --menta-algodao: oklch(89.7% 0.058 171.4deg);  /* #B7EAD8 faixas internas */
  --menta-linha:   oklch(79.8% 0.122 166.7deg);  /* #63D6AC borda na familia menta */
  --ouro:          oklch(79.4% 0.106 86.1deg);   /* #DAB768 SUPERFICIE de botao */
  --ouro-tinta:    oklch(46.5% 0.095 71.6deg);   /* #7A4F0A TODA letra dourada */
  --ouro-claro:    oklch(91.6% 0.058 88.6deg);   /* #F3E2B8 realce */
  --ouro-marca:    oklch(74.3% 0.145 77.2deg);   /* #DE9E27 so o simbolo da coroa */
  --promo:         oklch(44.0% 0.130 32.5deg);   /* #8C2F1E etiqueta de desconto */
  --creme:         oklch(96.1% 0.009 113.2deg);  /* #F2F3EC fundo do banner e de secao alternada */

  /* ---- papéis, mapeados para a marca ---- */
  --background: oklch(96.1% 0.009 113.2deg);     /* #F2F3EC nude verde claro */
  --foreground: oklch(34.2% 0.026 168.8deg);     /* #2B3D36 texto, 10,3:1 no fundo */
  --card: oklch(100% 0 0deg);
  --card-foreground: oklch(34.2% 0.026 168.8deg);
  --popover: oklch(100% 0 0deg);
  --popover-foreground: oklch(34.2% 0.026 168.8deg);

  /* primary e o botao dourado: texto ESCURO em cima, 6,0:1 */
  --primary: oklch(79.4% 0.106 86.1deg);
  --primary-foreground: oklch(34.2% 0.026 168.8deg);

  --secondary: oklch(89.7% 0.058 171.4deg);      /* menta algodao */
  --secondary-foreground: oklch(34.2% 0.026 168.8deg);
  --accent: oklch(87.8% 0.102 168.8deg);         /* menta */
  --accent-foreground: oklch(34.2% 0.026 168.8deg);
  --muted: oklch(94.1% 0.014 120.3deg);          /* #EAEDE3 */
  --muted-foreground: oklch(49.7% 0.024 165.3deg); /* #56675F neutro com vies verde */

  --destructive: oklch(50.1% 0.178 28.7deg);     /* #B3261E */
  --destructive-foreground: oklch(100% 0 0deg);
  --border: oklch(89.3% 0.017 125.3deg);         /* #D9DED2 */
  --input: oklch(89.3% 0.017 125.3deg);
  /* anel de foco no dourado de letra: precisa de 3:1 contra o fundo,
     entao nao pode ser o champanhe */
  --ring: oklch(46.5% 0.095 71.6deg);

  --radius: 0.75rem;

  /* ---- painel do lojista ---- */
  --sidebar: oklch(87.8% 0.102 168.8deg);        /* painel em menta */
  --sidebar-foreground: oklch(34.2% 0.026 168.8deg);
  --sidebar-primary: oklch(46.5% 0.095 71.6deg);
  --sidebar-primary-foreground: oklch(100% 0 0deg);
  --sidebar-accent: oklch(89.7% 0.058 171.4deg);
  --sidebar-accent-foreground: oklch(34.2% 0.026 168.8deg);
  --sidebar-border: oklch(79.8% 0.122 166.7deg);
  --sidebar-ring: oklch(46.5% 0.095 71.6deg);

  /* estado. aberto/fechado da loja usam os mesmos tokens */
  --success: oklch(46.7% 0.104 158.1deg);        /* #0F6B43 4,7:1 na menta */
  --warning: oklch(46.5% 0.095 71.6deg);         /* #7A4F0A */
  --error: oklch(50.1% 0.178 28.7deg);           /* #B3261E 4,7:1 na menta */

  /* ---- tipografia ---- */
  /* Playfair nos títulos, Inter no corpo. As duas servidas do próprio
     domínio: é requisito de privacidade e é mais rápido que Google Fonts. */
  --fonte-titulo: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fonte-corpo:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* As fontes locais. O swap evita texto invisível enquanto a fonte carrega —
   a cliente da Charme está no celular, muitas vezes em rede ruim. */
@font-face {
  font-family: 'Playfair Display';
  src: url('/fontes/playfair.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fontes/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}