/* Deep Cast — spacing & geometry tokens */
:root {
  /* A4 document geometry (@ ~100dpi) */
  --page-w: 840px;
  --page-h: 1188px;
  --sidebar-w: 232px;
  --main-pad: 44px;
  --hero-h: 70px;      /* CV hero band */

  /* Rhythm */
  --gap-section: 18px;   /* between document sections */
  --gap-block: 10px;     /* inside a section */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 22px;
  --space-5: 36px;
  --space-6: 60px;
  --space-web-section: 112px;  /* web section rhythm */

  /* Lines & corners — hairlines everywhere, corners near-square */
  --hairline: 1px;
  --radius-0: 0;
  --radius-xs: 2px;   /* chips */
  --radius-sm: 4px;   /* swatch cards */
  --radius-md: 6px;   /* photo frame, cards */

  --shadow-page: 0 30px 90px -30px rgba(0,0,0,.55), 0 2px 0 rgba(0,0,0,.04);
  --shadow-chip: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.10);
}