/* ========================================================================== WaterGate — Font themes -------------------------------------------------------------------------- Active theme is set via from includes/config.php THEMES - premium → Montserrat (Gotham-like free preview for enterprise look) - classic → Inter (original site font — safe revert) LICENSED FONTS (optional) 1. Place licensed files in /assets/fonts/ e.g. Gotham-Book.woff2, Gotham-Bold.woff2 or Nexa-Book.woff2, Nexa-Bold.woff2 2. Uncomment the @font-face blocks below 3. Set SITE_FONT_THEME to 'gotham' or 'nexa' in includes/config.php REVERT In includes/config.php set: define('SITE_FONT_THEME', 'classic'); ========================================================================== */ /* --- Optional licensed Gotham (uncomment after adding files) --- @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Black.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } --- */ /* --- Optional licensed Nexa (uncomment after adding files) --- @font-face { font-family: 'Nexa'; src: url('../fonts/Nexa-Book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Nexa'; src: url('../fonts/Nexa-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Nexa'; src: url('../fonts/Nexa-XBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } --- */ :root, html[data-font="classic"] { --font: 'Inter', system-ui, -apple-system, sans-serif; --font-display: 'Inter', system-ui, -apple-system, sans-serif; } html[data-font="premium"] { /* Montserrat ≈ Gotham geometry — free preview for Accenture/Cognizant-style feel */ --font: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif; --font-display: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif; } html[data-font="gotham"] { --font: 'Gotham', 'Montserrat', system-ui, sans-serif; --font-display: 'Gotham', 'Montserrat', system-ui, sans-serif; } html[data-font="nexa"] { --font: 'Nexa', 'Montserrat', system-ui, sans-serif; --font-display: 'Nexa', 'Montserrat', system-ui, sans-serif; } /* Slightly tighter tracking suits geometric enterprise faces */ html[data-font="premium"] body, html[data-font="gotham"] body, html[data-font="nexa"] body { letter-spacing: -0.01em; } html[data-font="premium"] h1, html[data-font="premium"] h2, html[data-font="premium"] h3, html[data-font="gotham"] h1, html[data-font="gotham"] h2, html[data-font="gotham"] h3, html[data-font="nexa"] h1, html[data-font="nexa"] h2, html[data-font="nexa"] h3 { font-family: var(--font-display); letter-spacing: -0.025em; }