/* smaranalva.com · design tokens. Two colours, three faces, one curve. */
:root {
  /* colour: paper and ink. Everything else is one of these at an opacity. */
  --paper: #F0F0F0;
  --ink: #111111;
  --on-ink-dim: rgba(240, 240, 240, .52);
  --on-ink-line: rgba(240, 240, 240, .14);

  /* type: display (Helvetica Now Display on the rebrand; Inter with optical sizing on the web), text, mono */
  --display: 'Helvetica Now Display', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --sans: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --mono: 'Disket Mono', ui-monospace, monospace; /* caps-only by design */
  --display-tracking: -.045em;

  /* motion: arrive fast, settle slow */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}