/*
 * Design tokens
 * -------------
 * One palette (the Base44 original has no themes). Colour channels are kept as HSL triplets so the
 * translucent variants - hsl(var(--primary-hsl) / 8%) - are exactly what the original compiled to.
 */

:root {
  /* Palette */
  --primary-hsl: 219 100% 50%; /* #0059ff */
  --fg-hsl: 218 47% 11%; /* #0f1929: body text, headings (the original's --foreground = --primary-dark) */
  --secondary-hsl: 210 100% 97%; /* #f0f7ff: tinted sections, cards */
  --accent-hsl: 160 84% 39%; /* #10b77f: WhatsApp / "everything is handled" green */
  --border-hsl: 215 28% 90%; /* #dee4ed */
  --primary: hsl(var(--primary-hsl));
  --fg: hsl(var(--fg-hsl));
  --secondary: hsl(var(--secondary-hsl));
  --accent: hsl(var(--accent-hsl));
  --border: hsl(var(--border-hsl));

  /* Type */
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;

  /* Shape and motion */
  --radius-lg: 0.75rem; /* the original's rounded-lg = var(--radius) = 12px */
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* Shadows (Tailwind's scale) */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);

  /*
   * Defects of the Base44 original that are reproduced for visual parity. Each is one line to fix
   * once the design is corrected in Base44 (decision ids in docs/conversion/decisions.md).
   */
  --modal-overlay: transparent; /* D-pdd-P3: "bg-primary-dark/60" does not exist, the overlay only blurs */

  /*
   * Accessibility deviations (D-pdd-P5): the original value is in the comment. Every one is a
   * minimal change that lifts the text to WCAG AA (4.5:1).
   */
  --on-accent: var(--fg); /* text/icon on solid green buttons; original #fff (2.6:1) */
  --text-subtle: hsl(var(--fg-hsl) / 60%); /* small secondary text; original fg/50 (3.4:1) */
  --footer-subtle: rgb(0 0 0 / 55%); /* footer headings and copyright; original black/40 (2.8:1) */
  --cta-lead: rgb(255 255 255 / 90%); /* lead on the blue call-to-action panel; original white/80 (4.0:1) */
  --cta-ghost-bg: #1a6aff; /* WhatsApp button on the blue panel; original white/10 over blue (4.2:1) */
  --badge-on-tint: #0b7a55; /* "Activas" badge in the cookie modal; original accent (2.4:1) */
  --legal-updated: hsl(var(--fg-hsl) / 60%); /* "Última actualización" on the legal pages; original fg/40 (2.5:1) */
}