/* ============================================================
   theme.css: Pegler Training & Resources design tokens. DESIGN TOKENS ONLY.
   base.css never changes per client; components.css holds this build's components.

   Provenance (BRAND-DOSSIER.md and the build owner's measurements, 21 Sep 2026):
   - Ink #0e1418: the near-black of the dark steel and shadow in Glen's own turbine rotor photo
     (brand-source/live-site-photos/whatsapp-2026-05-16-9.29.31.jpeg), the base every dark section sits on.
   - Steel #9fb0bf and #a8b8c8: the blue-grey of the compressor blades in the turbine image Glen emailed
     on 20 Sep 2026 (brand-source/client-supplied/...turbine-1-blades-closeup.jpg), used for secondary text
     on dark and for the rotor silhouette tint.
   - Accent #e0891f: the flare and the high-visibility orange of Glen's coveralls in his platform photo
     (measured #f68a06), deepened one step so dark text on it clears WCAG AA. The ONE reserved CTA colour.
   - Paper #f3f1ec: warm off-white, so long course pages read as print, not a dashboard.
   - Logo is black type on transparent (PTR-Logo-FF-01), so it is shown white on dark surfaces by a
     light copy, never recoloured into the accent.
   Type: Rubik, one variable file, SIL OFL, self-hosted in /assets/fonts (ART-DIRECTION.md, "Silhouetted
   Rotor"): its rounded corners give the softer round look Jack asked for on 21 Sep 2026, it is not a default
   AI stack face, and the pairing is unused elsewhere in the Pixelate registry. (Outfit and Manrope were the
   build owner's first pick; Manrope is on the registry ban list, so both were dropped for Rubik.)
   ============================================================ */

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("/assets/fonts/rubik.woff2") format("woff2");
}

:root {
  /* ---- Palette ---- */
  --paper: #f3f1ec;
  --surface: #ffffff;
  --ink: #0e1418;
  --ink-soft: #4d5860;
  --line: #dcd8cf;

  --steel: #9fb0bf;
  --steel-deep: #5f6f7c;
  --dark: #0e1418;
  --dark-2: #151c22;
  --dark-3: #1d262e;
  --dark-line: rgba(159, 176, 191, 0.18);
  --dark-text: #eef1f3;
  --dark-text-soft: #aebbc6;

  /* THE single reserved CTA accent. Quote and call actions only. */
  --brand-accent: #e0891f;
  --brand-accent-ink: #0e1418;
  --accent-soft: #fbefdf;

  /* Dark surfaces used by base.css (footer, call-bar) */
  --ink-panel: #0e1418;
  --ink-panel-text: #eef1f3;

  /* ---- Type ---- */
  --font-display: "Rubik", "Segoe UI", system-ui, sans-serif;
  --font-body: "Rubik", "Segoe UI", system-ui, sans-serif;

  --step-5: clamp(2.4rem, 1.4rem + 4.2vw, 4.4rem);   /* h1 */
  --step-4: clamp(1.7rem, 1.2rem + 2.2vw, 2.7rem);   /* h2 */
  --step-3: clamp(1.2rem, 1.05rem + 0.8vw, 1.5rem);  /* h3 */
  --step-1: clamp(1.05rem, 1rem + 0.35vw, 1.2rem);   /* lede */
  --step-0: 1rem;
  --step--1: 0.875rem;

  /* ---- Spacing and shape ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --section-pad: clamp(3.5rem, 8vw, 6.5rem);
  --hero-pad: clamp(5rem, 12vw, 9rem);
  --wrap: 74rem;
  --header-h: 68px;

  /* Soft geometry: every corner is rounded, the larger the surface the larger the radius. */
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;
}