/* Theme Variables */
:root {
  --primary-color: #198754;
  --primary-hover: #157347;
  --secondary-color: #6c757d;
  --light-color: #f8f9fa;
  --dark-color: #212529;
  --body-bg: #ffffff;
  --body-color: #333333;
  --card-bg: #ffffff;
  --card-border: rgba(0, 0, 0, 0.125);
  --header-bg: #ffffff;
  --footer-bg: #212529;
  --footer-color: #ffffff;
  --input-bg: #ffffff;
  --input-color: #212529;
  --input-border: #ced4da;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --transition-speed: 0.3s;
  --text-muted: #6c757d;
  --alert-bg: #f8d7da;
  --alert-color: #842029;
}

/* Dark theme variables with higher specificity */
html[data-theme="dark"] {
  --primary-color: #20c997;
  --primary-hover: #1ba87e;
  --secondary-color: #adb5bd;
  --light-color: #1a1a1a;
  --dark-color: #e0e0e0;
  --body-bg: #121212;
  --body-color: #e0e0e0;
  --card-bg: #1e1e1e;
  --card-border: rgba(255, 255, 255, 0.125);
  --header-bg: #1e1e1e;
  --footer-bg: #121212;
  --footer-color: #e0e0e0;
  --input-bg: #2d2d2d;
  --input-color: #e0e0e0;
  --input-border: #444444;
  --shadow-color: rgba(0, 0, 0, 0.5);
  --text-muted: #adb5bd;
  --alert-bg: #2c1215;
  --alert-color: #ea868f;
}

/* Explicitly target RTL dark theme */
html[dir="rtl"][data-theme="dark"] {
  --primary-color: #20c997;
  --primary-hover: #1ba87e;
  --secondary-color: #adb5bd;
  --light-color: #1a1a1a;
  --dark-color: #e0e0e0;
  --body-bg: #121212;
  --body-color: #e0e0e0;
  --card-bg: #1e1e1e;
  --card-border: rgba(255, 255, 255, 0.125);
  --header-bg: #1e1e1e;
  --footer-bg: #121212;
  --footer-color: #e0e0e0;
  --input-bg: #2d2d2d;
  --input-color: #e0e0e0;
  --input-border: #444444;
  --shadow-color: rgba(0, 0, 0, 0.5);
  --text-muted: #adb5bd;
  --alert-bg: #2c1215;
  --alert-color: #ea868f;
}