/* Hallmark · tokens · genre: editorial · theme: Grid
 * axes: light paper / grotesk-heavy lowercase / cool ultramarine 264
 * one family (Archivo), one signal ink, zero radius, zero shadow.
 */

:root {
  /* --- paper + ink ------------------------------------------------- */
  --color-paper:    oklch(99%   0.003 255);
  --color-paper-2:  oklch(97.2% 0.004 255);
  --color-paper-3:  oklch(94.5% 0.005 255);
  --color-ink:      oklch(16%   0.010 255);
  --color-muted:    oklch(52%   0.010 255);
  --color-rule:     oklch(88%   0.004 255);

  /* --- the one signal ink (ultramarine) ---------------------------- */
  --color-accent:      oklch(45% 0.19 264);
  --color-accent-ink:  oklch(99% 0.003 255);
  --color-focus:       oklch(45% 0.19 264);

  /* --- type -------------------------------------------------------- */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-body:    "Archivo", system-ui, sans-serif;
  /* la mono sólo pone código y los extractos de las notas — nunca prosa */
  --font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;
  --display-weight: 800;
  --tracking-display: -0.045em;
  --tracking-label: 0.09em;

  --text-display:   clamp(52px, 10.5vw, 136px);
  --text-display-s: clamp(38px, 7vw, 82px);
  --text-numeral:   clamp(120px, 22vw, 320px);
  --text-3xl: 40px;
  --text-2xl: 28px;
  --text-xl:  21px;
  --text-lg:  17px;
  --text-md:  15px;
  --text-sm:  13px;
  --text-xs:  12px;

  --lh-tight: 0.9;
  --lh-body:  1.5;

  /* --- 4pt space scale --------------------------------------------- */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  56px;
  --space-2xl: 88px;
  --space-3xl: clamp(72px, 11vw, 148px);
  --page-gutter: clamp(16px, 4vw, 40px);
  --shell: 1280px;

  /* --- structure (hairlines only — no cards, no radius, no shadow) -- */
  --rule-hair:  1px;
  --rule-solid: 2px;
  --radius-card: 0;
  --shadow-card: none;

  /* --- motion ------------------------------------------------------ */
  --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-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 320ms;
}