/* Custom Styles */

/* TSP design tokens — used by the legal-page sections (terms, privacy,
   disclaimer) which were ported from techstackplaybook-theme. The sections'
   inline <style> blocks reference these via var(--token), so they must be
   defined here for the pages to render with the correct colors / fonts /
   spacing. Adding more page-specific variables? Append them here. */
:root {
  --accent-cyan: #00d4ff;
  --container-max: 1200px;
  --font-display: 'Outfit', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --glass-blur: 24px;
  --gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);
  --radius-lg: 20px;
  --section-padding: clamp(4rem, 8vw, 8rem);
  --text-muted: #5b6b8a;
  --text-primary: #f0f4ff;
  --text-secondary: #94a3c4;
}

/* Legal-page hero titles ("Terms &", "Privacy &", "Earnings &") need to
   render in --text-primary (white). Kajabi's Style Guide applies
   `color_heading` (#161E2A) directly to <h1> with higher specificity than
   `.terms-page` etc., so without this the non-<em> portion of the title
   inherits Kajabi's dark heading color. The <em> child already overrides via
   gradient + -webkit-text-fill-color so it isn't affected. */
.terms-page__hero-title,
.privacy-page__hero-title,
.disclaimer-page__hero-title {
  color: var(--text-primary);
}