/* ============================================================
   Cold Anvil website — Spacing, radius & layout tokens
   4/8 scale. Comfortable editorial rhythm — NOT the operator
   console's compact density. Hairline borders; radius stays
   modest (flat, engineered, no pillowy corners).
   ============================================================ */

:root {
  /* Spacing scale — 4/8 */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* Editorial rhythm */
  --section-y: var(--space-11);     /* vertical space between page sections */
  --content-pad-x: var(--space-6);  /* page gutter */
  --container: 72rem;               /* max page width (1152px) */

  /* Gaps */
  --gap-tight:   var(--space-2);
  --gap-default: var(--space-4);
  --gap-loose:   var(--space-6);

  /* Surface padding */
  --pad-surface: var(--space-6);    /* cards, asides */
  --pad-control: var(--space-3);    /* inner control padding */

  /* Table cells (data tables breathe more than the console did) */
  --cell-pad-y: 10px;
  --cell-pad-x: 12px;

  /* Radius — modest steps */
  --radius-1: 4px;     /* labels, inline code */
  --radius-2: 6px;     /* buttons, inputs */
  --radius-3: 8px;     /* cards, code blocks (the base) */
  --radius-4: 12px;    /* large panels */
  --radius-full: 999px;

  /* Border widths — hairlines carry the structure */
  --border-width: 1px;
  --border-width-strong: 1.5px;

  /* Hit targets */
  --hit-min: 36px;
  --hit-touch: 44px;
}