/* Dough — Spacing, radius, border, layout tokens
   Square corners. Depth from hairlines + inverted panels — no drop shadows. */

:root {
  /* ---- Gap scale: 8 / 12 / 16 / 24 / 28 / 40 ---- */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 28px;
  --space-6: 40px;

  /* ---- Layout padding ---- */
  --pad-section-y: 72px;   /* marketing/guide vertical (56–96) */
  --pad-section-x: 64px;   /* marketing/guide horizontal */
  --pad-app: 36px;         /* app content (28–44) */
  --pad-card: 24px;        /* card padding (20–32) */
  --pad-row-y: 16px;       /* table row vertical (14–17) */
  --pad-row-x: 22px;       /* table row horizontal (20–24) */

  /* ---- Radius — corners are square ---- */
  --radius-default: 0px;   /* surfaces, cards, buttons, inputs */
  --radius-pill: 999px;    /* status toggles, avatars only */

  /* ---- Stroke weights ---- */
  --stroke-hairline: 1px;     /* dividers */
  --stroke-illustration: 1.5px; /* line diagrams */
  --stroke-emphasis: 2px;     /* active indicators, rules under headlines, selected-row border */

  /* ---- Elevation: none. Depth = hairlines + inverted panels ---- */
  --shadow-none: none;

  /* ---- Focus ---- */
  --focus-width: 2px;
}