/* The design system's tokens (the founder's redesign, 2026-10-23), one file for the account page (app.css) and a public
   catalog's page (public.css), linked after /styles.css (the palette and the three faces) and before each page's own.
   Type: display is the serif (the logo, a catalog's name in its header, a major page title, a Markdown document's
   headings); interface is the sans; code, SQL, identifiers and technical values are mono. Dense on purpose. */
:root {
  --surface: #fff;
  --rule-strong: #d8cfc3;            /* the border of a control (a ghost button, an input), a step above --rule */
  --radius: 10px;                    /* a card, a panel */
  --radius-ctl: 8px;                 /* a button, an input */
  --radius-badge: 6px;               /* a badge, a count */
  --ctl-h: 32px;                     /* every button in a header or a toolbar */
  --ctl-h-sm: 28px;                  /* a button inside a row or a card */
  --fs-title: 30px;                  /* a page's or a catalog's name, in the serif */
  --fs-h: 16px;                      /* a panel's heading (Tables, Files, Feeds, Permissions, AGENTS.md) */
  --fs-card-h: 14px;                 /* a card's heading inside a panel (Settings) */
  --fs-body: 13px;
  --fs-sm: 12.5px;
  --fs-xs: 12px;
}