/* Redseer spacing + layout. Values are the gaps and paddings measured
   in the Figma auto-layout frames — not a synthetic 4/8 ramble. */
:root{
  --space-2:2px;  --space-4:4px;  --space-8:8px;  --space-10:10px;
  --space-12:12px; --space-16:16px; --space-20:20px; --space-24:24px;
  --space-32:32px; --space-40:40px; --space-46:46px; --space-48:48px;
  --space-60:60px; --space-70:70px; --space-80:80px; --space-106:106px;
  --space-140:140px;

  /* Layout */
  --page-width:1440px; /* @kind spacing */      /* desktop artboard */
  --content-width:1280px; /* @kind spacing */   /* 1440 − 2×80 gutter */
  --page-gutter:80px; /* @kind spacing */       /* every section pads 80px left/right */
  --section-gap:140px; /* @kind spacing */      /* vertical rhythm between page sections */
  --navbar-height:85px; /* @kind spacing */
  --trending-bar-height:80px; /* @kind spacing */

  /* Radii — the system is square. Only pills and dots round. */
  --radius-none:0;
  --radius-sm:2px;
  --radius-pill:999px;
  --radius-dot:50%;

  /* Card sizes lifted from the source components */
  --card-resource-width:380px; /* @kind spacing */
  --card-resource-media-height:230px; /* @kind spacing */
  --card-faq-width:640px; /* @kind spacing */
}