/* ==================================================
   THEMES.CSS - VERSIUNE FINALĂ CURATĂ
   ================================================== */

/* ===== VARIABILE DE BAZĂ ===== */
:root {
  --bg-page: #1a1e24;
  --glass-bg: #1e242c;
  --glass-border: #3a4a5a;
  --text-main: #e0daca;
  --text-soft: #a89e92;
  --accent: #d4b68a;
  --accent-rgb: 212, 182, 138;
  --accent-hover: #c9a875;
  --danger: #ff6b6b;
  --success: #4caf50;
  --warning: #ffc107;
  --info: #2196f3;
  --border-light: #3a4a5a;
  --shadow-outer: 20px 20px 40px #0e1115, -15px -15px 30px #262c34;
  --shadow-inner: inset 8px 8px 16px #0e1115, inset -6px -6px 12px #262c34;
  --shadow-panel: 8px 8px 16px #0e1115, -4px -4px 8px #262c34;
  --shadow-hover: 0 4px 12px rgba(212, 182, 138, 0.4);
  --progress-bg: #2a323c;
  --control-bg: rgba(255, 255, 255, 0.05);
  --transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, opacity 0.25s ease, border-color 0.25s ease;
  
  --menu-bg: radial-gradient(circle at top left, rgba(60, 88, 122, 0.18), transparent 28%),
              linear-gradient(180deg, #161d27 0%, #10161f 100%);
  --menu-border: #31445a;
  --menu-header-bg: linear-gradient(180deg, #141b24 0%, #121821 100%);
  --menu-btn-bg: linear-gradient(180deg, #121925 0%, #101723 100%);
  --menu-btn-hover-bg: linear-gradient(180deg, #172233 0%, #121c2a 100%);
  --menu-section-bg: linear-gradient(180deg, rgba(35, 46, 61, 0.95), rgba(30, 40, 54, 0.95));
  
  --text-muted: #8c8c8c;
  --text-light: #f2f2f2;
  --scrollbar-track: #1a1e24;
  --scrollbar-thumb: #2a323c;
  --scrollbar-thumb-hover: #3a4a5a;
  --bg-card: var(--glass-bg);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-xxl: 48px;
  --premium-radius-card: 28px;
  --premium-radius-panel: 36px;
  --premium-radius-pill: 999px;
  --premium-focus-ring: 0 0 0 3px rgba(var(--accent-rgb), 0.22);
}

/* ===== TEMA DARK ===== */
body.theme-dark {
  --bg-page: #101723;
  --glass-bg: #121925;
  --glass-border: #31445a;
  --border-light: #31445a;
  --text-main: #e4e8ee;
  --text-soft: #b2aa9f;
  --text-muted: #8f99a8;
  --text-light: #e0e5ec;
  --accent: #d4b68a;
  --accent-rgb: 212, 182, 138;
  --accent-hover: #e2c79c;
  --danger: #ff6b6b;
  --success: #4caf50;
  --warning: #ffc107;
  --info: #2196f3;
  --progress-bg: #2a323c;
  --control-bg: rgba(255,255,255,0.055);
  --shadow-outer: 18px 18px 38px rgba(4,7,11,0.55), -10px -10px 24px rgba(38,47,58,0.26);
  --shadow-inner: inset 8px 8px 16px rgba(4,7,11,0.35), inset -5px -5px 12px rgba(38,47,58,0.18);
  --shadow-panel: 8px 8px 18px rgba(4,7,11,0.42), -4px -4px 10px rgba(38,47,58,0.20);
  --shadow-hover: 0 4px 12px rgba(212,182,138,0.25);
  --menu-bg: #121925;
  --menu-border: #31445a;
  --menu-header-bg: linear-gradient(180deg, #152030 0%, #101824 100%);
  --menu-btn-bg: linear-gradient(180deg, #172232 0%, #101824 100%);
  --menu-btn-hover-bg: linear-gradient(180deg, #202d40 0%, #162232 100%);
  --menu-section-bg: linear-gradient(180deg, rgba(23,34,50,0.98), rgba(16,24,36,0.98));
  --scrollbar-track: #1a1e24;
  --scrollbar-thumb: #2a323c;
  --scrollbar-thumb-hover: #3a4a5a;
}

/* ===== TEMA GRAY (cu accent portocaliu) ===== */
body.theme-gray {
  --bg-page: #242a34;
  --glass-bg: #2c333f;
  --glass-border: #5a6577;
  --border-light: #5a6577;

  --text-main: #edf1f5;
  --text-soft: #b9b1a6;
  --text-muted: #9fa8b4;
  --text-light: #f3f6fa;

  --accent: #d4b68a;
  --accent-rgb: 212, 182, 138;
  --accent-hover: #c9a875;

  --danger: #ff6b6b;
  --success: #4caf50;
  --warning: #ffc107;
  --info: #2196f3;

  --progress-bg: #353d4b;
  --control-bg: rgba(255,255,255,0.065);

  --shadow-outer:
    16px 16px 32px rgba(15,18,24,0.46),
    -8px -8px 20px rgba(76,86,102,0.22);

  --shadow-inner:
    inset 7px 7px 14px rgba(15,18,24,0.36),
    inset -4px -4px 10px rgba(76,86,102,0.16);

  --shadow-panel:
    7px 7px 15px rgba(15,18,24,0.38),
    -4px -4px 10px rgba(76,86,102,0.18);

  --shadow-hover: 0 8px 22px rgba(212,182,138,0.24);

  --menu-bg:
    radial-gradient(circle at top left, rgba(212,182,138,0.10), transparent 28%),
    linear-gradient(180deg, #2c333f 0%, #222832 100%);

  --menu-border: #5f6b80;

  --menu-header-bg:
    linear-gradient(180deg, #333b49 0%, #282f3a 100%);

  --menu-btn-bg:
    linear-gradient(180deg, #37404e 0%, #29313c 100%);

  --menu-btn-hover-bg:
    linear-gradient(180deg, #465264 0%, #343d4b 100%);

  --menu-section-bg:
    linear-gradient(180deg,
    rgba(51,59,73,0.98),
    rgba(40,47,58,0.98));

  --scrollbar-track: #242a34;
  --scrollbar-thumb: #445064;
  --scrollbar-thumb-hover: #5f6b80;
}

/* ===== TEMA LIGHT ===== */
body.theme-light {
  --bg-page: #f5ecdf;
  --glass-bg: #fbf4ea;
  --glass-border: #d3c1ad;
  --border-light: #d3c1ad;
  --text-main: #4c3d31;
  --text-soft: #786858;
  --text-muted: #927e6c;
  --text-light: #faf3e8;
  --accent: #a7774c;
  --accent-rgb: 167, 119, 76;
  --accent-hover: #bf8c5e;
  --danger: #e07a5f;
  --success: #81b29a;
  --warning: #ffc107;
  --info: #2196f3;
  --progress-bg: #e8daca;
  --control-bg: rgba(80,55,35,0.035);
  --shadow-outer: 14px 14px 28px rgba(119,86,55,0.16), -8px -8px 20px rgba(255,255,255,0.88);
  --shadow-inner: inset 7px 7px 14px rgba(119,86,55,0.08), inset -4px -4px 10px rgba(255,255,255,0.74);
  --shadow-panel: 7px 7px 15px rgba(119,86,55,0.12), -4px -4px 10px rgba(255,255,255,0.82);
  --shadow-hover: 0 6px 16px rgba(167,119,76,0.20);
  --menu-bg: radial-gradient(circle at top left, rgba(167,119,76,0.12), transparent 30%), linear-gradient(180deg, #fbf4ea 0%, #efe2d2 100%);
  --menu-border: #d3c1ad;
  --menu-header-bg: linear-gradient(180deg, #fff7ee 0%, #f1e5d7 100%);
  --menu-btn-bg: linear-gradient(180deg, #fffaf3 0%, #f0e3d4 100%);
  --menu-btn-hover-bg: linear-gradient(180deg, #ffffff 0%, #f6eadc 100%);
  --menu-section-bg: linear-gradient(180deg, rgba(255,247,238,0.98), rgba(241,229,215,0.98));
  --scrollbar-track: #e8daca;
  --scrollbar-thumb: #c0b2a0;
  --scrollbar-thumb-hover: #a89e92;
}

/* ===== TEMA NEWSPAPER ===== */
body.theme-newspaper {
  --bg-page: #eeeeea;
  --glass-bg: #faf9f5;
  --glass-border: #d7d4cc;
  --border-light: #d7d4cc;
  --text-main: #222222;
  --text-soft: #555555;
  --text-muted: #777777;
  --text-light: #fafafa;
  --accent: #3f3f3f;
  --accent-rgb: 63, 63, 63;
  --accent-hover: #111111;
  --danger: #cc7b6e;
  --success: #6b8c6b;
  --warning: #ffc107;
  --info: #2196f3;
  --progress-bg: #e0e0e0;
  --control-bg: rgba(0,0,0,0.025);
  --shadow-outer: 12px 12px 24px rgba(0,0,0,0.07), -8px -8px 20px rgba(255,255,255,0.76);
  --shadow-inner: inset 6px 6px 12px rgba(0,0,0,0.035), inset -4px -4px 10px rgba(255,255,255,0.65);
  --shadow-panel: 6px 6px 14px rgba(0,0,0,0.05), -4px -4px 10px rgba(255,255,255,0.72);
  --shadow-hover: 0 6px 16px rgba(0,0,0,0.08);
  --menu-bg: linear-gradient(180deg, #fbfaf6 0%, #eceae4 100%);
  --menu-border: #d4d1c8;
  --menu-header-bg: linear-gradient(180deg, #f8f7f2 0%, #e9e7df 100%);
  --menu-btn-bg: linear-gradient(180deg, #ffffff 0%, #eceae4 100%);
  --menu-btn-hover-bg: linear-gradient(180deg, #f7f7f4 0%, #dedbd2 100%);
  --menu-section-bg: linear-gradient(180deg, rgba(248,247,242,0.98), rgba(234,232,224,0.98));
  --scrollbar-track: #e8e8e8;
  --scrollbar-thumb: #b0b0b0;
  --scrollbar-thumb-hover: #909090;
}

/* ===== HOVER EFFECTE ===== */
body.theme-gray .menu-btn:hover,
body.theme-gray #moreToolsBtn:hover,
body.theme-gray .round-btn:hover,
body.theme-gray .drawer-btn:hover,
body.theme-gray .drawer-close-btn:hover {
  background: var(--accent) !important;
  color: var(--bg-page) !important;
  border-color: var(--accent) !important;
}

body.theme-light .menu-btn:hover,
body.theme-light #moreToolsBtn:hover,
body.theme-light .round-btn:hover {
  background: var(--accent) !important;
  color: var(--bg-page) !important;
  border-color: var(--accent) !important;
}

body.theme-newspaper .menu-btn:hover,
body.theme-newspaper #moreToolsBtn:hover,
body.theme-newspaper .round-btn:hover {
  background: var(--accent) !important;
  color: var(--bg-page) !important;
  border-color: var(--accent) !important;
}