/* F2 Technologies — Spacing & layout tokens
 * Everything builds from an 8px grid. The pattern unit is a rounded square
 * with a 12px gap and a 4px radius. */
:root {
  --f2-unit: 8px;
  --f2-gap: 12px;     /* the modular-grid gap (official alias) */
  --f2-space-1: 4px;
  --f2-space-2: 8px;
  --f2-space-3: 12px;  /* the modular-grid gap */
  --f2-space-4: 16px;
  --f2-space-5: 24px;
  --f2-space-6: 32px;
  --f2-space-7: 48px;
  --f2-space-8: 64px;
  --f2-space-9: 96px;
  --f2-space-10: 128px;

  /* Grid pattern */
  --f2-grid-cell: 8px;
  --f2-grid-gap: 12px;
  --f2-grid-cell-radius: 4px;

  /* Container widths */
  --f2-container: 1200px;
  --f2-container-narrow: 760px;
}