/* Relaxing Beach Investing — Brand Tokens */

:root {
  --rbi-teal:        #0F9D9A;
  --rbi-ocean:       #0A3D62;
  --rbi-sand:        #F4E1C1;
  --rbi-white:       #FFFFFF;
  --rbi-orange:      #F57C00;
  --rbi-ink:         #0A1A2A;

  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'IBM Plex Serif', Georgia, serif;
  --font-mono:  ui-monospace, SFMono-Regular, Menlo, monospace;
}

body {
  font-family: var(--font-sans);
}

/* ── Dark mode: dark backgrounds, light text ── */
[data-theme="dark"] {
  --navy:       #0d1b2a;
  --navy-mid:   #1a2e42;
  --navy-light: #243d56;
  --teal:       #2a8fa0;
  --teal-light: #3db8cc;
  --sand:       #f0ebe0;
  --sand-light: #faf5ec;
  --sand-dark:  #c9b88a;
  --white:      #ffffff;
  --success:    #2ecc71;
  --warn:       #f39c12;
  --danger:     #e74c3c;
  --info:       #3498db;
}

/* ── Light mode: white backgrounds, dark text ── */
[data-theme="light"] {
  --navy:       #ffffff;
  --navy-mid:   #f0f4f8;
  --navy-light: #e2e8f0;
  --teal:       #0a8a87;
  --teal-light: #0f9d9a;
  --sand:       #111111;
  --sand-light: #222222;
  --sand-dark:  #555555;
  --white:      #0a0a0a;
  --success:    #1a7a3a;
  --warn:       #d46b00;
  --danger:     #c0392b;
  --info:       #1a6fa8;
}