/* ==========================================================
   SANOME DESIGN TOKENS CORE (V1)
   Owner canônico de variáveis de design para componentes src/
   ========================================================== */

:root {
  /* Colors */
  --sn-token-color-text-muted: rgba(232, 240, 254, 0.70);
  --sn-token-color-text-light: #ffffff;
  --sn-token-color-text-dark: #1f2a24;
  --sn-token-color-text-accent: var(--sn-accent, #c9d2bf);
  --sn-token-color-separator: rgba(232, 240, 254, 0.50);

  /* Button Colors */
  --sn-token-btn-bg-primary: #1f2a24;
  --sn-token-btn-text-primary: #ffffff;
  --sn-token-btn-bg-secondary: #ffffff;
  --sn-token-btn-border-secondary: #1f2a24;
  --sn-token-btn-whatsapp-bg: #25d366;
  --sn-token-btn-whatsapp-hover: #1ebd59;

  /* Typography */
  --sn-token-font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --sn-token-font-size-xs: 10px;
  --sn-token-font-size-sm: 12px;
  --sn-token-font-size-base: 14px;
  --sn-token-font-size-lg: 16px;

  /* Spacing */
  --sn-token-space-xs: 4px;
  --sn-token-space-sm: 7px;
  --sn-token-space-md: 12px;
  --sn-token-space-lg: 16px;

  /* Border Radii */
  --sn-token-radius-sm: 4px;
  --sn-token-radius-md: 8px;
  --sn-token-radius-lg: 16px;
  --sn-token-radius-pill: 9999px;

  /* Transitions */
  --sn-token-transition-fast: all 0.16s ease;
}