/* layout.css — spacing, radius, borders. HUD = tight spacing, near-zero radius,
   hairline borders, no soft shadows. */

:root{
  /* spacing — tight technical rhythm (4px base) */
  --space-0: 0; /* @kind spacing */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-8: 24px;
  --space-10:32px;

  /* radius — sharp. 2px is the ceiling for this aesthetic */
  --radius-0: 0px;
  --radius-1: 1px;
  --radius-2: 2px;

  /* borders */
  --border-hairline: 1px solid var(--line-hairline);
  --border-strong:   1px solid var(--line-strong);

  /* elevation — flat HUD: no ambient shadow. Depth comes from a hard inset line. */
  --shadow-none: none; /* @kind other */
  --shadow-inset: inset 0 0 0 1px var(--line-hairline);
  --glow-accent: 0 0 0 1px var(--accent-line), 0 0 8px oklch(59.8% 0.149 244.4 / 0.35);

  /* motion — snappy, mechanical */
  --dur-fast: 90ms; /* @kind other */
  --dur-base: 160ms; /* @kind other */
  --ease-hud: cubic-bezier(0.3, 0, 0.1, 1); /* @kind other */
}