/* Hallmark · tokens · Visiblio (custom: brand-locked palette from the Visiblio guidelines) */
:root{
  /* colour, brand-locked hex from guidelines.html */
  --color-paper:#FFFFFF;
  --color-paper-2:#F2F8FB;   /* mist */
  --color-cream:#FBF1DE;     /* signature light */
  --color-ice:#CAE6F2;
  --color-ink:#0F2430;
  --color-ink-2:#4B6272;
  --color-rule:#E1E9EE;
  --color-deep:#00577D;      /* primary */
  --color-navy:#0B2A3C;
  --color-mid:#3677A2;
  --color-sky:#70AED1;
  --color-good:#2E9E6B;      /* done / fixed only */
  --color-focus:#3677A2;
  --color-cream-ink:rgba(251,241,222,.78);

  /* type */
  --font-display:'Anton',sans-serif;
  --font-body:'Inter Tight',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --text-display:clamp(64px,8.4vw,128px);
  --text-display-s:clamp(52px,6.4vw,96px);
  --text-h2:clamp(34px,3.8vw,52px);
  --text-h3:21px;
  --text-lead:clamp(18px,1.5vw,21px);
  --text-body:17px;
  --text-small:14.5px;

  /* space, 4pt scale */
  --space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:144px;--space-6xl:192px;

  /* radius hierarchy */
  --radius-sm:10px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;

  /* motion */
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:160ms;--dur-med:320ms;--dur-slow:700ms;
  --rule-hair:1px solid var(--color-rule);
}