/* 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. */
@layer makeover {
    :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);

      /* Type. Named for what the text is; the size follows.
         Ratios of the base, so text tracks the reader's own
         root size. Density-invariant: text is not a target. */
      --text-fine: calc(var(--geometry-base) * 3 / 4);
      --text-note: calc(var(--geometry-base) * 7 / 8);
      --text-body: var(--geometry-base);
      --text-lead: calc(var(--geometry-base) * 9 / 8);
      --text-subhead: calc(var(--geometry-base) * 5 / 4);
      --text-head: calc(var(--geometry-base) * 3 / 2);
      --text-title: calc(var(--geometry-base) * 2);
      --text-display: calc(var(--geometry-base) * 5 / 2);
      --text-hero: calc(var(--geometry-base) * 3);

      /* Corners. Rounding says a thing is meant to be pressed,
         so the scale is short on purpose and square is a rung
         rather than the absence of one. */
      --radius-square: 0;
      --radius-fine: calc(var(--geometry-base) * 1 / 8);
      --radius-control: calc(var(--geometry-base) * 1 / 4);
      --radius-panel: calc(var(--geometry-base) * 1 / 2);
      --radius-round: 50%;
    }

    /* 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);
        }
    }
}