The surface without variables.

The problem

Every other surface consumes tokens at runtime. These two cannot.

Email

This is the actual shipped file rendered in a frame, not a copy — open assets/email-template.html directly if your browser blocks local frames. Note that it stays light-on-white while this page is in dark mode: that is correct behaviour, not a bug, and the reason is below.

Print

A4 at 60% — the sheet is authored at real physical size in millimetres and points, then scaled for this column. This page also links print.css live: press Cmd/Ctrl+P to see the documentation itself re-render onto paper with the chrome removed, the lattice re-seeded and every link's URL made visible.

Token resolution

The same semantic role, resolved three ways. Note that print does not scale the screen values — it re-seeds the lattice in its own unit.

What breaks

Five, this time. More than the other four surfaces combined — which is the point of building it.

The build step

Roughly forty lines. The point is not the script — it is that the script is possible, because the token model has a machine-readable form.

// resolve.js — semantic roles to literals, for surfaces without var()
const tokens = require('./assets/tokens.json');

const TARGETS = {
  email: { p: 8,  unit: 'px', theme: 'light' },
  print: { p: 2,  unit: 'mm', theme: 'light', typeBase: '10pt' }
};

// {seed.p} * 3  ->  24  (px)  or  6 (mm)
function resolve(expr, p) {
  if (typeof expr === 'number') return expr;
  const m = String(expr).match(/\{seed\.([pr])\}\s*\*\s*([\d.]+)/);
  if (!m) return expr;
  const seed = m[1] === 'p' ? p : p / 2;
  return seed * parseFloat(m[2]);
}

function build(target) {
  const t = TARGETS[target], out = {};
  for (const [role, ref] of Object.entries(tokens.semantic.space)) {
    const prim = deref(ref.$value);              // {primitive.idai.3}
    out[role] = resolve(prim.$value, t.p) + t.unit;
  }
  for (const [role, modes] of Object.entries(tokens.semantic.color)) {
    out[role] = modes[t.theme];
    // print overrides: contrast floors differ on paper
    if (target === 'print' && PRINT_OVERRIDES[role]) out[role] = PRINT_OVERRIDES[role];
  }
  return out;
}