/* assets/css/themes.css */

/* Light Theme (Default class or attribute selector) */
[data-theme="light"] {
  --bg-primary: #F7F1E8;
  --bg-secondary: #E8D9C7;
  --bg-card: #FFFDFC;
  --text-primary: #2F2420;
  --text-secondary: #604438;
  --text-muted: #75806A;
  --accent: #B86F52;
  --accent-hover: #9c5c42;
  --border-color: #D3C3B0;
  --overlay-bg: rgba(47, 36, 32, 0.5);
  --card-shadow: var(--shadow-md);
}

/* Dark Theme overrides */
[data-theme="dark"] {
  --bg-primary: #171311;
  --bg-secondary: #261D19;
  --bg-card: #332723;
  --text-primary: #F3EBDD;
  --text-secondary: #B9AAA0;
  --text-muted: #929B80;
  --accent: #C48A64;
  --accent-hover: #d2a182;
  --border-color: #4A3E39;
  --overlay-bg: rgba(0, 0, 0, 0.7);
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* Smooth transition for theme colors */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);
}

header, footer, main, section, div, article, aside, nav, select, input, textarea, button {
  transition: background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);
}