/* Hallmark · tokens, now mapped onto the ce-net design cell (was theme Cobalt until 2026-10-25)
 * anchor hue 250 · accent hue 262 · genre modern-minimal · tone technical
 * Every colour and every font-family in styles.css references a name from this file.
 */
:root {
  /* Colours and fonts come from the design cell (https://design.ce-net.com/v1/tokens.css, repo design-tokens); this
     file only names them for the Hallmark pages. Change the look there, never here (Leif 2026-10-25 19:29 CST:
     "all the design for ce-net is all design in one cell"). Light is the default, dark by data-theme="dark". */
  --color-paper:    var(--ground);
  --color-paper-2:  var(--raise);
  --color-paper-3:  var(--well);
  --color-rule:     var(--line);
  --color-rule-2:   var(--line-2);
  --color-neutral:  var(--ink-3);
  --color-muted:    var(--ink-2);
  --color-ink:      var(--ink);
  --color-ink-2:    var(--ink);
  --color-accent:   var(--acc);
  --color-accent-2: var(--acc-hi);
  --color-accent-soft: var(--acc-soft);
  --color-focus:    var(--acc);

  --font-display: "ce-disp-fit", var(--disp);
  --font-body:    var(--sans);
  --font-mono:    var(--mono);

  --text-xs:      0.75rem;
  --text-sm:      0.8125rem;
  --text-base:    1rem;
  --text-md:      1.125rem;
  --text-lg:      1.375rem;
  --text-xl:      1.75rem;
  --text-2xl:     clamp(1.75rem, 1.1rem + 2.2vw, 2.5rem);
  --text-3xl:     clamp(2rem, 1.2rem + 3.2vw, 3.25rem);
  --text-display: clamp(2.375rem, 1.2rem + 4.2vw, 4.5rem);

  --lh-tight: 1.04;
  --lh-snug: 1.2;
  --lh-body: 1.55;

  /* space — 4pt scale */
  --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;

  /* rules / radius */
  --rule-hair: 1px;
  --rule-slab: 2px;
  --radius-sm: 2px;
  --radius-md: 4px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  /* layers */
  --z-sticky-nav: 300;
  --measure: 62ch;
  --page-max: 76rem;
  --gutter: clamp(1rem, 4vw, 3rem);
}

/* dark: the design cell switches every colour above (data-theme="dark"); nothing to set here */