/* ==========================================================
   Oak & Origin — theme.css
   ========================================================== */

/* Font Families */
:root {
  --font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Navbar tokens (same in light and dark) */
:root {
  --nav-bg: #382F29;
  --nav-text: #F7F4EE;
  --nav-muted: rgba(247, 244, 238, 0.72);
  --nav-hover: #D8CCBC;
  --nav-border: rgba(216, 204, 188, 0.28);
  --nav-btn-border: rgba(216, 204, 188, 0.5);
  --nav-focus: #D8CCBC;
  --nav-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
}

/* Light theme (default) */
:root,
[data-theme="light"] {
  color-scheme: light;
  --bg-main: #FFFFFF;
  --bg-soft: #FFFFFF;
  --text-main: #382F29;
  --text-muted: rgba(56, 47, 41, 0.75);
  --border-color: #D8CCBC;
  --accent: #382F29;
  --accent-contrast: #F7F4EE;
  --focus-ring: #382F29;
  --shadow-soft: 0 12px 28px rgba(56, 47, 41, 0.12);
}

/* Dark theme */
[data-theme="dark"] {
  color-scheme: dark;
  --bg-main: #0F0B09;
  --bg-soft: #0F0B09;
  --text-main: #F7F4EE;
  --text-muted: rgba(247, 244, 238, 0.75);
  --border-color: rgba(216, 204, 188, 0.4);
  --accent: #F7F4EE;
  --accent-contrast: #382F29;
  --focus-ring: #D8CCBC;
  --shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.6);
}



/* Dark mode navigation matches the Home 1 section-two background */
[data-theme="dark"] { --nav-bg: #0F0B09; }

/* Match the footer background on the navbar in dark mode */
[data-theme="dark"] { --nav-bg: #17110E; }