/*
 * Tokens de charte Gryzzly — extraits du site officiel (gryzzly.io/fr,
 * theme.min.css) : violet primaire des boutons (#6f42c1), violet de marque
 * (#5800b0, logo/CTA), accent turquoise, texte teinté violet foncé, échelle
 * neutre slate, police Nunito, rayons Bootstrap (8px de base). Ajuster si la
 * charte évolue — tout le composant consomme ces variables, rien d'autre à
 * modifier. Scopé sous .gz-calculette pour ne jamais entrer en collision
 * avec le CSS du site hôte.
 */
.gz-calculette {
  --gz-color-primary: #6f42c1;
  --gz-color-primary-hover: #5e38a4;
  --gz-color-primary-active: #59359a;
  --gz-color-primary-contrast: #ffffff;

  --gz-color-brand: #5800b0;
  --gz-color-brand-light: #7112fc;
  --gz-color-brand-light-hover: #5e0fc7;
  --gz-color-secondary: #48cdc5;
  --gz-color-secondary-light: #78ded8;

  /* Couleurs spécifiques demandées pour le bouton de partage et le bloc CTA. */
  --gz-color-cta-bg: #5800b0;
  --gz-color-cta-bg-hover: #4a0092;

  --gz-color-bg: #ffffff;
  --gz-color-bg-muted: #f8f5fc;
  --gz-color-bg-subtle: #f1f5f9;
  --gz-color-border: #e2e8f0;
  --gz-color-text: #2f0f4f;
  --gz-color-text-muted: #64748b;

  --gz-color-success: #008008;
  --gz-color-warning: #ffc107;
  --gz-color-danger: #db1436;

  --gz-font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --gz-font-size-sm: 0.8125rem;
  --gz-font-size-base: 0.9375rem;
  --gz-font-size-lg: 1.125rem;
  --gz-font-size-xl: 1.625rem;

  --gz-space-1: 4px;
  --gz-space-2: 8px;
  --gz-space-3: 14px;
  --gz-space-4: 20px;
  --gz-space-5: 32px;
  --gz-space-6: 48px;

  --gz-radius-sm: 4px;
  --gz-radius-md: 8px;
  --gz-radius-lg: 12px;
  --gz-radius-pill: 999px;

  --gz-shadow-md: 0 4px 16px rgba(47, 15, 79, 0.06);
  --gz-shadow-modal: 0 16px 48px rgba(47, 15, 79, 0.22);
}