/* Tokens — BMP · Asesores Marcos Paz
 * Paleta construida desde el logo (ciruela/violeta oscuro, hue ~320).
 * Todo color y toda tipografía del sitio se referencia por estos nombres. */

:root {
  /* Papel, tinta y grises: todos con un hilo de violeta del logo */
  --color-paper:       oklch(96.5% 0.012 335);
  --color-paper-2:     oklch(93%   0.018 335);
  --color-paper-3:     oklch(89%   0.022 335);
  --color-rule:        oklch(80%   0.020 335);
  --color-rule-strong: oklch(24%   0.030 335);
  --color-muted:       oklch(44%   0.026 335);
  --color-ink:         oklch(20%   0.030 335);
  --color-ink-2:       oklch(32%   0.030 335);

  /* Acento: un solo violeta, para el botón de WhatsApp, enlaces y foco */
  --color-accent:      oklch(48%   0.180 318);
  --color-accent-2:    oklch(42%   0.180 318);
  --color-accent-ink:  oklch(98%   0.008 335);
  --color-focus:       oklch(54%   0.200 318);

  /* Superficie oscura: el ciruela profundo del logo (columnas, proceso, pie) */
  --color-night:       oklch(30.7% 0.067 338.6); /* = fondo del logo (rgb 69 33 59) */
  --color-night-2:     oklch(36.2% 0.080 333.6);
  --color-ink-on-night:   oklch(96.5% 0.012 335);
  --color-muted-on-night: oklch(82%   0.030 335);
  --color-rule-on-night:  oklch(46%   0.060 339);
  --color-focus-on-night: oklch(86%   0.120 318);

  /* Tipografía: 2 familias */
  --font-display: "Manrope", "Avenir Next", system-ui, sans-serif;
  --font-body:    "Source Serif 4", Georgia, "Times New Roman", serif;

  /* Escala tipográfica */
  --text-sm:   0.875rem;
  --text-base: 1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --text-2xl:  clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-display: clamp(2.4rem, 1rem + 4.6vw, 4.75rem);

  /* Espaciado 4 pt */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --rule-hair: 1px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
}