:root {
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: "IBM Plex Serif",Georgia,serif;
  --font-mono-display: "Geist Mono", ui-monospace, monospace;

  --pallette-green: #ddffd2;
  --pallette-dark-blue: #31596d;
  --pallette-red: #ff491d;
  --pallette-yellow: #ffe587;
  --pallette-blue: #2b2bff;

  /* Acento (marcador / subrayado); cambia solo --accent para otro color */
  --accent: var(--pallette-yellow);
  --accent-foreground: #111827;
  --underline-thickness: 5px;
  --underline-offset: 4px;

  --color-bg: #ffffff;
  --color-page-cream: #f9f9f7;
  --color-signup-panel: #e6ebed;
  --color-surface: #f8fafc;
  --color-text: #1f2937;
  --color-muted: #6b7280;
  --color-primary: var(--pallette-dark-blue);
  --color-primary-contrast: #ffffff;
  --color-border: #e5e7eb;
  --color-focus: #14b8a6;

  --radius-sm: 3px;
  --radius-md: 3px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  --container-width: 760px;

  /* Mailjet embed: altura del iframe por ancho de viewport (ajusta si el form se corta) */
  --mailjet-signup-height-xs: 320px;
  --mailjet-signup-height-sm: 270px;
  --mailjet-signup-height-md: 225px;

  /* Banner cookies (aspecto configurable) */
  --cookie-banner-inset: 1rem;
  --cookie-banner-max-width: 26rem;
  --cookie-banner-z: 9999;
  --cookie-banner-bg: #ffffff;
  --cookie-banner-text: #1f2937;
  --cookie-banner-title-weight: 700;
  --cookie-banner-border: 1px solid #e5e7eb;
  --cookie-banner-radius: var(--radius-md);
  --cookie-banner-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
  --cookie-banner-padding: var(--space-4);
  --cookie-banner-gap: var(--space-3);
  --cookie-btn-radius: var(--radius-sm);
  --cookie-btn-padding-y: 0.55rem;
  --cookie-btn-padding-x: 1rem;
  --cookie-btn-font-weight: 600;
  --cookie-btn-primary-bg: #2563eb;
  --cookie-btn-primary-color: #ffffff;
  --cookie-btn-primary-border: 1px solid #2563eb;
  --cookie-btn-secondary-bg: #ffffff;
  --cookie-btn-secondary-color: #2563eb;
  --cookie-btn-secondary-border: 1px solid #2563eb;

  /* Quiz separators/rulers */
  --quiz-rule-width: 0px;        /* set to 0 to remove the ruler */
  --quiz-result-rule-width: 0px; /* set to 0 to remove the ruler*/
  --quiz-rule-style: solid;
  --quiz-rule-color: var(--color-border);
  --quiz-result-rule-style: dashed;
  --quiz-result-rule-color: var(--color-border);

  /* Quiz plain options */
  --quiz-plain-option-gap: var(--space-2);
  --quiz-plain-option-margin-y: var(--space-2);
  --quiz-plain-input-accent: var(--color-primary);

  /* Quiz fancy options */
  --quiz-fancy-options-gap: 0.9rem;
  --quiz-fancy-option-radius: 3px;
  --quiz-fancy-option-bg: #ffffff;
  --quiz-fancy-option-color: var(--color-primary);
  --quiz-fancy-option-border: 1px solid var(--color-primary);
  --quiz-fancy-option-selected-bg: var(--color-primary);
  --quiz-fancy-option-selected-color: #ffffff;
  --quiz-fancy-option-selected-border: 1px solid var(--color-primary);
  --quiz-fancy-option-padding-y: 0.5rem;
  --quiz-fancy-option-padding-x: 0.9rem;
  --quiz-fancy-option-font-weight: 500;
  --quiz-actions-gap: 3rem;
  --quiz-reset-color: var(--color-muted);
}