/* 01-settings/_space-layout.css — spacing scale, layout measures, borders, z-index, radii.
   Spacing is a character-cell rhythm so things line up like a terminal. */
:root {
  /* spacing scale — multiples of the cell */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;

  /* named-intent aliases */
  --pad-panel:  var(--space-md);
  --pad-cell:   var(--space-xs);
  --gap-stack:  var(--space-md);
  --gap-cluster:var(--space-sm);
  --gutter-page: clamp(0.75rem, 3vw, 2rem);

  /* layout measures */
  --measure:      74ch;   /* bounded reading column — a TUI wraps its prose */
  --measure-wide: 110ch;
  --shell-max:    120ch;  /* the app-shell body cap */
  --bar-h:        1.9rem; /* menu bar / status bar height (≈ one chunky cell) */

  /* breakpoints (documented; repeat literals in @media — custom props can't be used there) */
  --bp-sm: 40rem;
  --bp-md: 56rem;
  --bp-lg: 75rem;

  /* borders — almost everything is a box-drawing GLYPH, not a CSS border. These are for the
     rare real rule (focus ring, the panel's underlying outline fallback). */
  --bw: 1px;
  --radius: 0;           /* terminals have square corners. Always. */

  /* z-index scale */
  --z-base: 0;
  --z-panel: 10;
  --z-dropdown: 100;
  --z-bar: 200;
  --z-modal: 300;
}