:root {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/themeify/main/redux/Redux-mainbg.png");
  --quote-bg: url("https://raw.githubusercontent.com/01110010-00110101/themeify/main/redux/Redux-quotebg.png");
  --header-bg: url("https://raw.githubusercontent.com/01110010-00110101/themeify/main/redux/Redux-headerbg.png");
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --footer-bg: #555;
  --menu-bg: rgba(0, 0, 0, 0.95);
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: #f0f0f0;
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: #333;
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0, 0, 0, 0.3);
}

/* ==========================================
   LIGHT THEME
   ========================================== */
body[theme="light"] {
  --main-bg: #f4f4f4;
  --card-bg: #ffffff;
  --highlight-bg: #fffbe6;
  --quote-bg: #f1f1f1;

  --header-bg: #e0e0e0;
  --footer-bg: #ccc;
  --menu-bg: rgba(255, 255, 255, 0.95);

  --text-color: #111;
  --link-color: #222;
  --accent-color: #e53935;

  --input-bg: #eee;
  --input-border: #aaa;
  --input-text: #111;
  --input-placeholder: #666;
  --search-btn-bg: #555;

  --status-ok-border: #00c853;
  --status-fix-border: #d32f2f;
  --shadow-color: rgba(0, 0, 0, 0.15);
}

/* ==========================================
   DARK THEME
   ========================================== */
body[theme="dark"] {
  --main-bg: #1e1e1e;
  --card-bg: #2b2b2b;
  --highlight-bg: #2f2f2f;
  --quote-bg: #292929;

  --header-bg: #0d0d0d;
  --footer-bg: #222;
  --menu-bg: rgba(0, 0, 0, 0.9);

  --text-color: #f4f4f4;
  --link-color: #f4f4f4;
  --accent-color: #00bcd4;

  --input-bg: #333;
  --input-border: #555;
  --input-text: #f4f4f4;
  --input-placeholder: #999;
  --search-btn-bg: #1e1e1e;

  --status-ok-border: #00ff88;
  --status-fix-border: #ff5555;
  --shadow-color: rgba(0, 0, 0, 0.5);
}

/* ==========================================
   CLASSIC THEME (original look)
   ========================================== */
body[theme="classic"] {
  --main-bg: #d4d4d4;
  --highlight-bg: #fffbe6;
  --quote-bg: #1d201f;
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --footer-bg: #555;
  --menu-bg: rgba(0, 0, 0, 0.95);
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: #f0f0f0;
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: #333;
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0, 0, 0, 0.3);
}

/* ==========================================
   SLACKERISH THEME (moody dark brown palette)
   ========================================== */
body[theme="slackerish"] {
  --main-bg: #131112;
  --card-bg: #1b1717;
  --highlight-bg: #2b2220;
  --quote-bg: #1a1818;
  --header-bg: #342A21;
  --footer-bg: #342A21;
  --menu-bg: rgba(0, 0, 0, 0.95);
  --text-color: #fff;
  --link-color: #ffbcbc;
  --accent-color: #ff4444;
  --input-bg: #2a2220;
  --input-border: #5a4740;
  --input-text: #f4f4f4;
  --input-placeholder: #b8b8b8;
  --search-btn-bg: #3a2f28;
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0, 0, 0, 0.6);
}


/* ==========================================
   REDUX THEME — Image-Only
   ========================================== */
body[theme="redux"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/redux-white_bg.png");
  --quote-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/background_grey_icons.png");
  --header-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/background_black_icons.png");
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --footer-bg: #555;
  --menu-bg: rgba(0, 0, 0, 0.95);
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: #f0f0f0;
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: #333;
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0, 0, 0, 0.3);
}


/* ==========================================
   Graduation THEME
   ========================================== */
body[theme="graduation"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/graduation.png");
  --quote-bg: rgba(0,0,0,0);
  --header-bg: rgba(0,0,0,0);
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: rgba(0,0,0,0);
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: rgba(0,0,0,0.5);
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0,0,0,0.3);
}

/* ==========================================
   flower boy THEME
   ========================================== */
body[theme="flower-boy"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/flower-boy_bg.jpeg");
  --quote-bg: rgba(0,0,0,0);
  --header-bg: rgba(0,0,0,0);
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: rgba(0,0,0,0);
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: rgba(0,0,0,0.5);
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0,0,0,0.3);
}

/* ==========================================
   STAR PLATNIUM THEME
   ========================================== */
body[theme="star-platnium"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/star-platnium_bg.jpeg");
  --quote-bg: rgba(0,0,0,0);
  --header-bg: rgba(0,0,0,0);
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: rgba(0,0,0,0);
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: rgba(0,0,0,0.5);
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0,0,0,0.3);
}

/* ==========================================
   Star Platnium vs The World THEME
   ========================================== */
body[theme="star-world"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/the-starly-world_bg.jpeg");
  --quote-bg: rgba(0,0,0,0);
  --header-bg: rgba(0,0,0,0);
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: rgba(0,0,0,0);
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: rgba(0,0,0,0.5);
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0,0,0,0.3);
}

/* ==========================================
   THE KING THEME
   ========================================== */
body[theme="the-king"] {
  --main-bg: url("https://raw.githubusercontent.com/01110010-00110101/01110010-00110101.github.io/main/system/backgrounds/the-king-crimson-card_bg.jpeg");
  --quote-bg: rgba(0,0,0,0);
  --header-bg: rgba(0,0,0,0);
  --card-bg: rgba(0,0,0,0);
  --quote-text: #fff;
  --text-color: #000;
  --link-color: #fff;
  --accent-color: #ff4444;
  --input-bg: rgba(0,0,0,0);
  --input-border: #ccc;
  --input-text: #333;
  --input-placeholder: #888;
  --search-btn-bg: rgba(0,0,0,0.5);
  --status-ok-border: #00ff00;
  --status-fix-border: #ff0000;
  --shadow-color: rgba(0,0,0,0.3);
}