/* Generated by makeover-build from makeover-geometry. Do not edit.
   Spacing is named by relationship, not by size. Touch density is a
   capability question: a narrow desktop window still has a pointer, a
   full-width tablet still has a finger. */
:root {
  /* Every size below is a ratio of this. Scale it and the whole
     layout scales with it, including for a user who has asked for
     larger text. */
  --geometry-base: 1rem;

  /* Raw scale. Prefer a --gap-* below; reach here only when
     no relationship describes the distance. */
  --step-hair: calc(var(--geometry-base) * 1 / 8);
  --step-tight: calc(var(--geometry-base) * 1 / 4);
  --step-snug: calc(var(--geometry-base) * 3 / 8);
  --step-base: calc(var(--geometry-base) * 1 / 2);
  --step-roomy: calc(var(--geometry-base) * 5 / 8);
  --step-wide: calc(var(--geometry-base) * 3 / 4);
  --step-loose: var(--geometry-base);
  --step-broad: calc(var(--geometry-base) * 3 / 2);
  --step-vast: calc(var(--geometry-base) * 2);
  --step-colossal: calc(var(--geometry-base) * 3);

  --gap-bound: var(--step-tight);
  --gap-peer: var(--step-snug);
  --gap-group: var(--step-roomy);
  --gap-section: var(--step-wide);
  --gap-pane: var(--step-broad);
  --gap-page: var(--step-vast);
}

/* Touch: targets separate, shells hold. */
@media (hover: none), (pointer: coarse) {
    :root {
      --gap-bound: var(--step-tight);
      --gap-peer: var(--step-roomy);
      --gap-group: var(--step-wide);
      --gap-section: var(--step-loose);
      --gap-pane: var(--step-broad);
      --gap-page: var(--step-vast);
    }
}