/* =====================================================
   LAW 01 — GLOBAL STYLES
   Location: public/web-templates/law/01/assets/css/global.css
   Shared across all law/01 pages (home, contact, services, etc.)

   PURPOSE: Font loading, CSS variables, base reset only.
   Page-specific sizing lives in each page's own styles.
===================================================== */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');

/* ── CSS Variables ── */
:root {
  --font-heading: "Bitter", serif;
  --font-body: "Inter", sans-serif;
  --font-subtitle: "Montserrat", sans-serif;

  --color-gold: #c9a227;
  --color-gold-light: #d4af37;
  --color-gold-hover: #e6c252;
  --color-dark: #0f172a;
  --color-text: #1f2937;
}

/* ── Base Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Match html bg to navy so any scroll-bounce / overscroll area
   doesn't reveal the browser default white. */
html, body { overflow-x: hidden; max-width: 100vw; }
html { background: #0a1628; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--color-text);
  line-height: 1.6;
  /* Navy base prevents a white sliver appearing between the fixed
     ink-navy nav and dark hero sections on every page. */
  background: #0a1628;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Heading Font Family Only (sizes set per page) ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

/* ── Subtitle / Lead Text ── */
.subtitle,
.hero-subtitle,
.practice-description {
  font-family: var(--font-subtitle);
}