/* Hallmark · tokens · theme: custom "almacen" (cool paper + azul del producto #0b63d9) */
:root {
  --color-paper: oklch(98.6% 0.004 255);
  --color-paper-2: oklch(96.0% 0.007 255);
  --color-ink: oklch(22% 0.02 258);
  --color-ink-2: oklch(35% 0.018 257);
  --color-muted: oklch(49% 0.015 257);
  --color-rule: oklch(88.5% 0.009 255);
  --color-rule-strong: oklch(78% 0.012 255);
  --color-accent: oklch(52% 0.19 258);
  --color-accent-hover: oklch(46% 0.18 258);
  --color-accent-ink: oklch(99% 0.002 255);
  --color-accent-soft: oklch(94% 0.03 255);
  --color-focus: oklch(58% 0.2 256);
  --color-band: oklch(21% 0.018 260);
  --color-band-2: oklch(26% 0.02 260);
  --color-band-ink: oklch(95% 0.006 255);
  --color-band-muted: oklch(76% 0.014 255);
  --color-band-rule: oklch(36% 0.02 260);
  --color-accent-on-band: oklch(75% 0.13 252);
  --color-nav: oklch(98.6% 0.004 255 / .92);
  --color-falta: oklch(62% 0.18 30);
  --color-shadow: oklch(22% 0.02 258 / 0.10);

  --font-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  --radius-s: 6px; --radius-m: 10px; --radius-l: 14px;
  --measure: 62ch;
  --page: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --ease-out: cubic-bezier(.2,.7,.2,1);
}