/* design-tokens.css · cópia de design-tokens.organic-warm.css + bloco do CP1.5 · Top Menu Adega · Organic / Warm (contraponto) · CP1, 2026-11-06
   Cor da marca medida no SVG: vinho #760b20 e salmão #f68f7e. Salmão nunca é texto nem botão sobre fundo claro (2,30:1 em branco).
   Contraste: pares-organic-warm.json, medido por scripts/contraste.mjs. Âmbar do logo antigo fora. */
@import url('tokens-base.css');
@layer tokens {
  :root {
    --font-display: "Rubik", system-ui, sans-serif;
    --font-body: "Nunito Sans", system-ui, sans-serif;
    --font-mono: ui-monospace, Consolas, monospace;
    --radius-unit: 20px;
    --radius-btn: 16px;
    --radius-card: 28px;
    --border-w: 1px;
    --dur-base: 320ms;
    --measure: 62ch;
    --ratio: 1.25;
    --peso-display: 800;
    --peso-fino: 300;
    --ls-display: -0.02em;
    --sombra-card: 0 2px 4px color-mix(in oklch, oklch(0.4 0.1 25), transparent 90%), 0 16px 36px color-mix(in oklch, oklch(0.4 0.1 25), transparent 88%);
    --surface-brand: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --surface-salmao: oklch(0.7555 0.1282 30.29); /* #f68f7e */
    --text-on-salmao: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --text-brand: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --action: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --link: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --link-inverse: oklch(0.7555 0.1282 30.29); /* #f68f7e */
    --accent: oklch(0.7555 0.1282 30.29); /* #f68f7e */
    --focus: oklch(0.3648 0.1374 18.63); /* #760b20 */
    --focus-inverse: oklch(0.7555 0.1282 30.29); /* #f68f7e */
    --surface-0: oklch(0.975 0.015 45); /* #fff4ef */
    --surface-1: oklch(0.925 0.04 35); /* #ffddd5 */
    --surface-2: oklch(0.992 0.006 45); /* #fffbf9 */
    --surface-3: oklch(0.86 0.07 33); /* #fbc1b4 */
    --surface-inverse: oklch(0.24 0.06 18); /* #371114 */
    --surface-inverse-2: oklch(0.3 0.075 18); /* #4d1b1f */
    --text-1: oklch(0.3 0.1 19); /* #551019 */
    --text-2: oklch(0.38 0.11 19); /* #71232a */
    --text-3: oklch(0.44 0.1 19); /* #81383c */
    --text-on-brand: oklch(0.99 0.006 45); /* #fffbf8 */
    --text-inverse: oklch(0.96 0.012 45); /* #f9efeb */
    --border: oklch(0.85 0.04 35); /* #e7c5bc */
    --border-strong: oklch(0.5 0.09 22); /* #904d4c */
    --border-soft: oklch(0.91 0.03 38); /* #f4dbd3 */
    --action-soft: oklch(0.91 0.05 30); /* #ffd6ce */

    /* ---- CP1.5, 2026-11-07. Par tipográfico aprovado: Rubik no título e Nunito Sans no corpo. ---- */
    color-scheme: light; /* o site só tem tema claro; sem isto, --danger e --success viram a versão escura em aparelho no modo escuro */

    --success: oklch(0.47 0.12 150); /* o valor da base mede 4,18:1 sobre o papel e reprova */
    --danger: oklch(0.52 0.19 28);   /* distante do vinho em luz, sempre com ícone e texto: nunca só a cor */

    /* AÇÃO, DOIS PAPÉIS. Quem decide a cor do botão é a superfície em que ele está, nunca a seção nem o gosto. */
    --text-on-action: var(--text-on-brand);
    --action-hover: color-mix(in oklch, var(--action), black 16%);
    --action-disabled: var(--surface-3);
    --text-on-action-disabled: var(--text-3);
    --action-on-dark: var(--surface-salmao);            /* sobre a foto, o vinho e o escuro */
    --text-on-action-dark: var(--text-on-salmao);
    --action-on-dark-hover: color-mix(in oklch, var(--surface-salmao), var(--text-on-brand) 22%);
    --action-on-dark-disabled: var(--surface-inverse-2);
    --text-on-action-dark-disabled: color-mix(in oklch, var(--text-inverse) 72%, var(--surface-inverse-2));

    /* BOTÃO: tamanhos fechados. O do mapa de fechamento é variante declarada (R2 do estudo), não exceção. */
    --btn-h: 48px;
    --btn-px: 24px;
    --btn-fs: 16px;
    --btn-h-compact: 44px;
    --btn-px-compact: 20px;
    --btn-fs-compact: 15px;
    --btn-closing-h: 56px;
    --btn-closing-px: 32px;
    --btn-closing-fs: 18px;
    --btn-closing-min-w: 169px;

    /* MOVIMENTO M5: entrada no máximo em 320 ms; --dur-3 (480 ms) não serve à entrada neste projeto. */
    --dur-enter: 320ms;
    --enter-y: 12px;

    /* ESCALA: tamanhos fechados, os mesmos da página aprovada. O piso de --fs-block desce de 1.9rem para 1.75rem para Destilados caber na tela mais apertada com qualquer família candidata. */
    --fs-hero: clamp(34px, 5.2cqw, 66px);
    --fs-hero-narrow: clamp(34px, 10cqw, 52px);
    --fs-closing: clamp(30px, 4.6cqw, 64px);
    --fs-block: clamp(1.75rem, 4.4cqw, 4.1rem);
    --fs-block-narrow: clamp(2.4rem, 12cqw, 3.2rem);
    --fs-h2: clamp(26px, 3.2cqw, 44px);
    --fs-h2-store: clamp(24px, 3cqw, 40px);
    --fs-hours: clamp(20px, 2.2cqw, 28px);
    --fs-phone: clamp(18px, 2cqw, 24px);
    --fs-question: clamp(18px, 1.6cqw, 22px);
    --fs-address: clamp(17px, 1.6cqw, 20px);
    --fs-lead: clamp(16px, 1.5cqw, 19px);
    --fs-body: 17px;
    --fs-answer: 16.5px;
    --fs-micro: 13.5px;
    --fs-kicker: 12.5px;
    --fs-label: 11.5px;
    /* Quatro valores da home aprovada que o painel do CP1.5 não listou. Declarados na 07a, antes do hero (pre-top-menu-30). */
    --fs-nav: 15px;    /* links do cabeçalho */
    --fs-foot: 15.5px; /* texto do rodapé */
    --fs-value: 16px;  /* endereço e horário nas caixas do topo */

    /* ESPAÇO: os três ritmos que a página usa de fato, e uma margem lateral só. */
    --section-dense: clamp(32px, 4.4cqw, 64px);
    --section-standard: clamp(36px, 5cqw, 72px);
    --section-breathing: clamp(44px, 6cqw, 96px);
    --container-pad: clamp(20px, 5cqw, 64px);
    --container-max: 1280px; /* largura máxima do CONTEÚDO (texto, botões, caixas, blocos), sem a margem lateral; fundos e foto seguem em largura total. 1280 = 1440 menos as duas margens de 64, arredondado para baixo (pre-top-menu-41) */
    --faixa-respiro: clamp(10px, 1.6cqw, 20px); /* tira de papel em volta da faixa vinho (R1) */
    --gap-tira: 10px;
    --gap-campos: 14px;
    --radius-faixa: 18px;
    --radius-caixa: 20px;

    /* WHATSAPP, pedido do dono em 2026-11-09: cor da marca WhatsApp no botão flutuante. O verde oficial #25D366 com glifo branco mede só 1,98:1 (mínimo de objeto gráfico: 3:1);
       este é o mesmo matiz e quase o mesmo croma, com a luminosidade descida até o glifo branco dar 3,35:1 e o botão se separar do papel (3,10:1), do vinho (3,41:1) e do escuro (5,0:1). */
    --whatsapp-bg: oklch(0.623 0.1715 149.74); /* #05a249, derivado de #25d366 só na luminosidade */
    --whatsapp-bg-hover: color-mix(in oklch, var(--whatsapp-bg), black 16%);
    --whatsapp-fg: oklch(1 0 0); /* #ffffff */
  }
  @media (prefers-reduced-motion: reduce) {
    :root { --dur-enter: 0.001ms; --enter-y: 0px; }
  }
}