:root {
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 20px;
  --space-10: 22px;
  --space-11: 24px;
  --space-12: 28px;
  --space-13: 36px;
  --space-14: 40px;

  --pad-card: 18px;
  --gap-tiles: 12px;
  --page-pad-mobile: 24px 16px 112px;
  --page-pad-desk: 36px 40px 56px;
  --content-max: 1100px;

  --radius-card: 18px;
  --radius-sm: 12px;
  --radius-subject: 18px;
  --radius-sidebar: 28px;
  --radius-fab: 20px;
  --radius-pill: 999px;

  --border-hair: 1px;
  --underline-page: 2.5px;
  --underline-section: 2px;

  --shadow-card: 0 1px 2px oklch(0.4 0.03 70 / 0.08), 0 6px 20px oklch(0.4 0.03 70 / 0.06);
  --shadow-nav: 0 12px 32px oklch(0 0 0 / 0.28);
  --shadow-fab: 0 8px 22px oklch(0 0 0 / 0.2);
  --shadow-fab-open: 0 8px 22px oklch(0.5 0.15 48 / 0.35);
  --shadow-panel: -16px 0 48px oklch(0 0 0 / 0.18);
  --shadow-modal: 0 24px 64px oklch(0 0 0 / 0.3);
  --shadow-toast: 0 8px 24px oklch(0 0 0 / 0.2);
  --shadow-seg: 0 1px 3px oklch(0 0 0 / 0.14);

  --nav-height: 66px;
  --nav-inset: 10px;
  --nav-bottom: 22px;
  --nav-item: 48px;
  --fab-size: 58px;
  --fab-bottom: 100px;
  --hit-min: 44px;
  --field-height: 48px;
  --sidebar-width: 232px;

  --dur-2: 0.2s;
  --dur-3: 0.35s;
  --dur-4: 0.4s;
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}