/*
 * Estilo `padrao` -- o visual atual da loja, sem nenhuma mudança.
 * Fase 4 do sistema de temas (store/PLANO_TEMAS.md).
 *
 * Os valores aqui são EXATAMENTE os que style.css usava cravados antes da
 * fiação de tokens. Isso é o critério de aceite desta etapa: com `padrao`
 * selecionado, o HTML e o CSS computado têm que continuar idênticos aos
 * de antes -- se o baseline acusar diferença, a fiação furou em algum
 * lugar, não é "só um ajuste".
 *
 * Dois tokens previstos no plano não sobreviveram ao contato com o CSS
 * real, e a substituição está documentada onde é consumida (style.css):
 *
 * - `--grid-columns: 4` virou `--grid-min-card`. O grid da vitrine é
 *   `auto-fill` por largura mínima, não contagem fixa; fixar a contagem
 *   quebraria o responsivo que já existe.
 * - `--density: comfortable` virou `--grid-gap`. Palavra-chave não é
 *   valor usável em CSS -- o que "densidade" significa na prática nesta
 *   vitrine é o respiro entre os cards.
 *
 * `--spacing-unit` e `--type-scale` do plano: `--type-scale` ficou (é um
 * multiplicador no font-size do body, barato e real); `--spacing-unit`
 * saiu porque aplicá-lo exigiria reescrever padding/margin de centenas
 * de regras -- custo alto pra ganho que `--grid-gap` já entrega onde
 * importa. Volta quando houver caso concreto.
 */
:root {
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Rubik', sans-serif;
    --type-scale: 1;

    --radius-base: 8px;

    --shadow-style: 0 4px 6px rgba(0, 0, 0, 0.1);
    --hover-shadow-style: 0 6px 12px rgba(0, 0, 0, 0.15);

    --container-width: 1280px;
    --grid-min-card: 220px;
    --grid-gap: 1.5rem;

    /* --- superfícies e texto ---
       NÃO inclui --primary/--secondary: essas são a paleta white-label
       da empresa, injetada por ThemeColors.js a partir de
       company_preferences. Tema muda o ambiente, nunca a marca. */
    --surface: #ffffff;
    --surface-alt: #f2f3f5;
    --surface-card: #ffffff;
    --border-tint: #e5e8ec;
    --text-base: #333333;
    --text-strong: #0a021c;
    --text-muted: #7c899a;

    --fs-small: 13px;
    --fs-smaller: 11px;

    /* Pesos -- ver o comentário em style.css: trocar peso muda a
       personalidade da página sem tocar em layout. */
    --weight-light: 300;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-black: 800;

    --transition-base: background-color .3s, color .3s;
    --transition-bg: background-color .3s;
    --transition-color: color .3s;
}