/* ============================================================
   Spacing, radii, layout — 4px base scale (palette doc) plus the
   exact component radii the v2 pages use.
   ============================================================ */
:root {
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;     /* 32px */
  --space-10: 2.5rem;  /* 40px */
  --space-12: 3rem;    /* 48px */
  --space-16: 4rem;    /* 64px */

  /* Radii — base scale */
  --radius-sm: 0.25rem;  /* 4px */
  --radius-md: 0.5rem;   /* 8px */
  --radius-lg: 0.75rem;  /* 12px */
  --radius-xl: 1rem;     /* 16px */
  --radius-2xl: 1.25rem; /* 20px — big marketing cards/frames */
  --radius-full: 9999px;
  /* Exact component radii from the v2 pages — do not round these */
  --radius-btn: 11px;    /* primary/secondary CTA */
  --radius-btn-sm: 9px;  /* nav CTA, tabs, icon buttons */
  --radius-card: 14px;   /* every content card, quote and product tile */
  --radius-nav: 14px;
  --radius-tile: 11px;   /* 42px gradient icon tile */

  /* Layout */
  --container: 1200px;   /* v2 content column */
  --gutter: clamp(24px, 4.4vw, 64px); /* @kind spacing */
  --navbar-height: 62px;
  /* Section rhythm — v2 sections are full-viewport with clamped padding */
  --section-pad-y: clamp(28px, 6.5vh, 72px); /* @kind spacing */
  --section-pad-x: clamp(24px, 4.4vw, 64px); /* @kind spacing */

  /* Dashboard chrome (carried over from the shipped app until the
     dashboard is redesigned on the unified system) */
  --sidebar-width: 16rem;
  --sidebar-width-collapsed: 5rem;
  --shell-inset: 1.5%;
}