/* Relaxing Beach Investing — Brand Tokens
Coastal Modern — Pure White Base
Load LAST in so :root overrides inline page vars.
Approved palette: 2026-05-14
*/
/* ─────────────────────────────────────────────────────────────────────────
CDN SNIPPET — paste into every HTML (after existing font link):
Add &family=Montserrat:wght@400;600 to the Google Fonts href
LOGO SVG — Beach Scene Mark (Concept D, approved 2026-05-14):
Full copy-paste SVG in REFERENCE.md → Brand → "SVG mark (copy-paste ready)".
Sidebar: inline SVG rendered by js/utils/sidebar.js — no img file required.
───────────────────────────────────────────────────────────────────────── */
/* ── PALETTE TOKENS ── */
:root {
/* Brand colors */
--rbi-teal: #2EC4B6;
--rbi-gold: #2EC4B6; /* mapped to teal — gold removed from palette */
--rbi-orange: #2EC4B6; /* mapped to teal — orange removed from palette */
--rbi-dark: #1a2e3a;
--rbi-slate: #264653;
--rbi-muted: #4a6572;
/* Surface tints */
--rbi-teal-tint: #F0FDFB;
--rbi-gold-tint: #F0FDFB; /* mapped to teal tint */
--rbi-orange-tint: #F0FDFB; /* mapped to teal tint */
--rbi-card-hover: #F8FFFE;
--rbi-border: #d1f0ee;
/* Fonts */
--font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-serif: 'Cormorant Garamond', Georgia, serif;
--font-display: 'Montserrat', 'DM Sans', sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
/* ── Override legacy dark-theme vars → Coastal Modern ──
These override the matching :root declarations inside each
page's inline