/* gym-variables.css — design tokens & fonts */

/*
 * PFDin fonts from Webflow CDN (may return 403 for cross-origin requests).
 * Bebas Neue + Barlow Condensed from Google Fonts serve as fallbacks.
 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;500;700&display=swap');

@font-face {
  font-family: 'Pfdindisplaypro';
  src: url('https://cdn.prod.website-files.com/5c89179554b42c13fa91c7d1/5c89366c2279eec2314ac9a7_PFDinDisplayPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pfdindisplaypro';
  src: url('https://cdn.prod.website-files.com/5c89179554b42c13fa91c7d1/5c89366b7c1da18dc29af469_PFDinDisplayPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pfdintextcondpro';
  src: url('https://cdn.prod.website-files.com/5c89179554b42c13fa91c7d1/5c8937b14793fa87e6a42e49_PFDinTextCondPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pfdintextcondpro';
  src: url('https://cdn.prod.website-files.com/5c89179554b42c13fa91c7d1/5c8937b02279ee7b714acc20_PFDinTextCondPro-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pfdintextcondpro';
  src: url('https://cdn.prod.website-files.com/5c89179554b42c13fa91c7d1/5c8937b17c1da1d29a9af61d_PFDinTextCondPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --g-bg: #101112;
  --g-bg-panel: #0a0a0a;
  --g-white: #ffffff;
  --g-white-60: rgba(255, 255, 255, 0.6);
  --g-white-40: rgba(255, 255, 255, 0.4);
  --g-white-25: rgba(255, 255, 255, 0.25);
  --g-white-15: rgba(255, 255, 255, 0.15);
  --g-white-08: rgba(255, 255, 255, 0.08);

  --g-display: 'Pfdindisplaypro', 'Bebas Neue', sans-serif;
  --g-body: 'Pfdintextcondpro', 'Barlow Condensed', sans-serif;

  /* Side gutters use minmax(Xpx, 1fr): guaranteed minimum margin that
     scales up proportionally on wide screens. Content fills nearly the
     full viewport so photos align with the full-width grid lines. */
  --g-grid-cols:    minmax(20px, 1fr) minmax(0, 1440px) minmax(20px, 1fr);
  --g-grid-cols-md: minmax(16px, 1fr) minmax(0, 960px)  minmax(16px, 1fr);
  --g-grid-cols-sm: minmax(16px, 1fr) minmax(0, 720px)  minmax(16px, 1fr);
  --g-grid-cols-xs: minmax(12px, 1fr) minmax(0, 480px)  minmax(12px, 1fr);

  --g-section-gap: 180px;
  --g-nav-height: 90px;
}