/* Variaveis de design que o popup de WhatsApp simulado (static/octo-wcm/modal.css) espera.
   O checkout nao carrega os tokens da Astro; estas sao as mesmas, so as que o popup usa. */
:root {
  --navy-700: #003366; --ink-900: #181f27; --ink-500: #5f6b78; --ink-300: #9aa5b0; --paper: #faf6ef;
  --color-surface: #fff; --color-border: #d8cfbc; --color-text: #181f27; --color-text-muted: #5f6b78;
  --border-width: 1px; --font-sans: "Sora", -apple-system, "Segoe UI", sans-serif;
  --text-2xs: .75rem; --text-sm: .9375rem; --leading-snug: 1.3; --leading-relaxed: 1.625;
  --radius-md: 8px; --radius-lg: 14px; --radius-pill: 999px;
  --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem;
  --shadow-sm: 0 1px 2px rgba(15, 37, 64, .08); --shadow-lg: 0 12px 32px rgba(15, 37, 64, .22);
  --duration-base: 200ms; --ease-out: cubic-bezier(.16, 1, .3, 1);
}