/* ============================================================================
Ryon shared brand system — SINGLE SOURCE OF TRUTH.
Linked by BOTH the main site (index.html) and the /retreat page
(public/retreat/index.html). Edit here once and the change applies to both:
brand colours, the font stacks, and the two-font typography rule.
Fonts themselves are loaded via in each page's (kept there so
they stay render-blocking / no flash); if you add a weight or family, update
those two tags and the variables below.
============================================================================ */
:root {
/* Brand colours */
--brand-green: #00e481;
--brand-ink: #070707;
--brand-paper: #f8faf9;
/* Font stacks: Inter for body/UI/small text, Almarai for display headings,
Instrument Serif for italic accents. */
--brand-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
--brand-font-display: 'Almarai', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Roboto', sans-serif;
--brand-font-serif: 'Instrument Serif', serif;
}
/* Two-font system: everything is Inter; the display headings (h1/h2) opt back
into Almarai. Applies to both sites. */
body {
font-family: var(--brand-font-sans);
}
h1,
h2 {
font-family: var(--brand-font-display);
}