/* ============================================================
   MathMentor — Spacing tokens. Base unit 8px.
   ============================================================ */

:root {
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 28px;
  --spacing-xxl: 32px;

  /* component-specific paddings observed in the kit */
  --pad-card: var(--spacing-lg);     /* 24px card interior */
  --pad-field: 6px;                  /* text-input padding */
  --pad-utility-btn: 4px 14px;       /* utility button */
  --pad-footer: var(--spacing-xxl);

  /* layout */
  --container-max: 1200px;           /* centred content column (~1080–1300) */
  --gutter: var(--spacing-xxl);
}