/* Coderlo design tokens v1 (7 Nov 2026). Source of truth for coderlo.com and Coderlo documents. */
:root {
  /* colour: one accent, ink, paper */
  --cl-green: #17644A;      /* accent: buttons, labels, the tile. 7.1:1 on white, 6.49:1 on paper */
  --cl-green-tint: #86CBAA; /* accent text on ink only: 9.51:1 */
  --cl-ink: #141815;        /* text: 17.93:1 on white */
  --cl-paper: #F5F5F0;      /* soft panels; text colour on ink: 16.39:1 */
  --cl-white: #FFFFFF;      /* page background */
  --cl-muted: #565C57;      /* secondary text: 6.85:1 on white, 6.27:1 on paper */
  --cl-line: #E3E4DF;       /* hairlines, borders (not text) */

  /* type: Public Sans (SIL OFL 1.1). The wordmark is drawn, never typed. */
  --cl-font: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cl-weight-body: 400;
  --cl-weight-medium: 600;
  --cl-weight-bold: 700;
  --cl-display-tracking: -0.028em;
  --cl-text: 1.0625rem;          /* 17px body */
  --cl-h1: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);
  --cl-h2: clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem);

  /* shape */
  --cl-tile-radius: 22%;         /* the C tile's corner, also app icons */
  --cl-radius-card: 28px;
  --cl-radius-pill: 999px;
  --cl-max: 1120px;
}