/* Xenoss — Layout, spacing, radius (transcribed from the Figma decks) */
:root {
  /* Slide geometry */
  --slide-width: 1920px;
  --slide-height: 1080px;
  --slide-margin: 70px;          /* content margin on every slide */
  --header-square: 45px;         /* orange square beside slide titles */
  --header-gap: 32px;            /* gap between square and title */
  --watermark-size: 87.44px;     /* ghost logo top-right */

  /* Spacing rhythm seen in the decks */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 33px;               /* card-grid gap (exact) */
  --space-10: 48px;
  --space-12: 60px;              /* large section gap */
  --space-16: 64px;
  --space-20: 70px;

  /* Corner radii — the decks are nearly square-cornered */
  --radius-xs: 2px;              /* highlight bars */
  --radius-sm: 6px;              /* cards */

  /* Card padding */
  --card-padding: 32px 28px;
  --bar-padding: 20px 24px;
}