/* Yudicon — spacing, borders, radii, shadows
 * Derived from Brand Book layouts (2024×1117 canvas) and Online mockups.
 */
:root {
  /* ── Spacing scale ────────────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;   /* mobile edge inset */
  --space-6: 32px;   /* block gap */
  --space-7: 48px;   /* number→text gap in index rows */
  --space-8: 64px;
  --space-9: 96px;
  --page-margin: 54px;   /* slide/page edge inset (label sits here) */

  /* ── Borders ──────────────────────────────────────────── */
  --hairline: 1px;            /* dividers, pill outlines */
  --hairline-thin: 0.5px;     /* fine rules on slides */

  /* ── Radii ────────────────────────────────────────────── */
  --radius-none: 0;           /* cards & color fields are SQUARE */
  --radius-soft: 5px;         /* rare, small containers */
  --radius-device: 32px;      /* phone mockup corners */
  --radius-pill: 999px;       /* buttons */

  /* ── Shadows ──────────────────────────────────────────── */
  /* Used only to float device mockups / large cards — never on UI elements */
  --shadow-float: 10px 10px 50px 0 rgba(0, 0, 0, 0.25);
}