:root {
  /* Typography */
  --font-letter-tight: 0.02em;
  --font-letter-wide: 0.05em;
  --font-letter-wider: 0.08em;

  /* Breakpoints */
  --breakpoint-md: 720px;

  /* Component-specific sizing */
  --hub-max-height-multiplier: 0.75;

  /* Shadows (if needed for normalization) */
  --shadow-md: var(--shadow-md);
  --shadow-sm: var(--shadow-sm);

  /* Activity Line */
  --hub-activity-line-padding: var(--gap-sm);

  /* Column width */
  --hub-form-column: calc(var(--container-max-width, 1200px) / 6);
}