/* ============================================================
THE SHALA — globals.css
Foundation styles: tokens, reset, typography, buttons,
eyebrows, background utilities, breakpoints.
Version: aligned with shala-style-guide-v7.html
============================================================
FONT SWAP NOTE:
All headings currently reference 'Playfair Display'.
Before launch, do a single global find-replace:
'Playfair Display' → 'Exquise'
No other changes required.
BREAKPOINTS (three only — do not add others):
max-width: 1100px Tablet wide
max-width: 900px Tablet narrow + hamburger nav
max-width: 600px Phone
LEGACY BREAKPOINTS — delete on sight if found in page files:
560 / 640 / 720 / 760 / 800 / 860 / 960 / 1020
============================================================ */
/* ────────────────────────────────────────────────────────────
1. GOOGLE FONTS IMPORT
Paste this in the of every page BEFORE
your