/**
 * DxSite v4 - CSS Variables
 * ===========================
 * 
 * Ten plik zawiera WSZYSTKIE zmienne kolorów używane w szablonie.
 * Aby zmienić paletę kolorów, użyj panelu admina: Moje dodatki > DxSite v4
 * 
 * Struktura:
 * - :root - tryb ciemny (domyślny)
 * - html.light-mode - tryb jasny
 * - @media (prefers-color-scheme: light) - automatyczne wykrywanie
 * 
 * Wygenerowano automatycznie: 2025-12-24 07:53:24
 */

:root {
  /* Informacja o obsługiwanych motywach */
  color-scheme: light dark;
  
  /* ============================================
     TRYB CIEMNY (DOMYŚLNY)
     ============================================ */
    /* ----- BACKGROUNDS ----- */
  --bg-body: #0d1117;
  --bg-card: #161b22;
  --bg-input: #21262d;
  --bg-hover: #30363d;
  --bg-overlay: rgba(0,0,0,0.8);
  
  /* ----- TEXT ----- */
  --text-primary: #f0f0f0;
  --text-secondary: #8b949e;
  --text-muted: #6e7681;
  --text-on-accent: #ffffff;
  
  /* ----- BORDERS ----- */
  --border-main: #30363d;
  --border-light: #3d444d;
  --border-focus: #be7b3b;
  
  /* ----- ACCENT ----- */
  --accent: #be7b3b;
  --accent-hover: #d08b4a;
  --accent-active: #a66b30;
  --accent-subtle: rgba(190,123,59,0.12);
  --accent-glow: rgba(190,123,59,0.3);
  
  /* ----- BUTTONS ----- */
  --btn-primary-bg: var(--accent);
  --btn-primary-text: var(--text-on-accent);
  --btn-primary-hover: var(--accent-hover);
  --btn-primary-active: var(--accent-active);
  --btn-secondary-bg: var(--bg-input);
  --btn-secondary-text: var(--text-primary);
  --btn-secondary-border: var(--border-main);
  --btn-secondary-hover: var(--bg-hover);
  --btn-danger-bg: var(--error-bg);
  --btn-danger-text: var(--error);
  --btn-danger-border: var(--error-border);
  --btn-danger-hover-bg: var(--error);
  --btn-danger-hover-text: var(--text-on-accent);
  
  /* ----- STATUS ----- */
  --success: #3fb950;
  --success-bg: rgba(63,185,80,0.15);
  --warning: #d29922;
  --warning-bg: rgba(210,153,34,0.15);
  --error: #f85149;
  --error-bg: rgba(248,81,73,0.15);
  --error-border: rgba(248,81,73,0.4);
  --info: #58a6ff;
  --info-bg: rgba(88,166,255,0.15);
  
  /* ----- SHADOWS ----- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 20px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 15px var(--accent-glow);
  
  /* ----- HEADER/FOOTER ----- */
  --header-bg: var(--bg-body);
  --header-text: #ffffff;
  --logo-text: #ffffff;
  --footer-bg: var(--bg-body);
  --footer-text: var(--text-secondary);
  
  /* ----- NAVIGATION ----- */
  --nav-bg: var(--bg-card);
  --nav-text: var(--text-secondary);
  --nav-hover: var(--bg-hover);
  --nav-active-bg: var(--accent);
  --nav-active-text: var(--text-on-accent);
  
  /* ----- SIDEBAR ----- */
  --sidebar-bg: var(--bg-card);
  --sidebar-title: var(--accent);
  --sidebar-text: var(--text-secondary);
  
  /* ----- CARDS ----- */
  --card-bg: var(--bg-card);
  --card-border: var(--border-main);
  --card-title: var(--text-primary);
  --card-meta: var(--text-secondary);
  --card-hover-border: var(--accent);
  
  /* ----- COMMENTS ----- */
  --comment-bg: var(--bg-card);
  --comment-header-bg: var(--bg-input);
  --comment-border: var(--border-main);
  --comment-author: var(--accent);
  --comment-text: var(--text-primary);
  --comment-date: var(--text-muted);
  
  /* ----- CHAT ----- */
  --chat-bg: var(--bg-card);
  --chat-header-bg: var(--bg-input);
  --chat-message-bg: var(--bg-input);
  --chat-input-bg: var(--bg-body);
  --chat-border: var(--border-main);
  
  /* ----- FORMS ----- */
  --input-bg: var(--bg-input);
  --input-text: var(--text-primary);
  --input-border: var(--border-main);
  --input-focus-border: var(--accent);
  --input-placeholder: var(--text-muted);
  
  /* ----- LINKS ----- */
  --link-color: var(--accent);
  --link-hover: var(--accent-hover);
  
  /* ----- SCROLLBAR ----- */
  --scrollbar-track: var(--bg-input);
  --scrollbar-thumb: var(--text-muted);
  --scrollbar-thumb-hover: var(--accent);
  
  /* ----- BADGES ----- */
  --badge-hd: #3fb950;
  --badge-4k: var(--accent);
  --badge-new: #f85149;
  --badge-film: #58a6ff;
  --badge-serial: #a371f7;
  
  /* ----- RANKS ----- */
  --rank-admin: #f85149;
  --rank-moderator: #3fb950;
  --rank-vip: var(--accent);
  --rank-user: var(--text-muted);
  --rank-badge-bg: var(--bg-input);
  
  /* ----- LOSTPASSWORD ----- */
  --lostpassword-btn-bg: var(--badge-serial);
  --lostpassword-btn-hover: color-mix(in srgb, var(--badge-serial) 85%, black);
  --lostpassword-icon-bg: var(--badge-serial);
  
  /* ----- BOT MESSAGES ----- */
  --bot-movie-color: #BE7B3B;
  --bot-series-color: #6366f1;
  --bot-new-color: #22c55e;
  --bot-info-color: #3b82f6;
  --bot-opacity: 0.15;
  
}

/* ============================================
   TRYB JASNY
   ============================================ */

html.light-mode {
  color-scheme: light;
  /* ----- BACKGROUNDS ----- */
  --bg-body: #f5f6ff;
  --bg-card: #ebecf4;
  --bg-input: #e0e1ea;
  --bg-hover: #d8d9e3;
  --bg-overlay: rgba(0,0,0,0.5);

  /* ----- TEXT ----- */
  --text-primary: #1d1d1f;
  --text-secondary: #5c5d62;
  --text-muted: #7a7b80;
  --text-on-accent: #ffffff;

  /* ----- BORDERS ----- */
  --border-main: #c8c9d3;
  --border-light: #e8e8ed;
  --border-focus: #c27a3a;

  /* ----- ACCENT ----- */
  --accent: #c27a3a;
  --accent-hover: #b06d30;
  --accent-active: #9e6028;
  --accent-subtle: rgba(194,122,58,0.12);
  --accent-glow: rgba(194,122,58,0.3);

  /* ----- STATUS ----- */
  --success: #16a34a;
  --success-bg: rgba(22,163,74,0.15);
  --warning: #ea580c;
  --warning-bg: rgba(234,88,12,0.15);
  --error: #dc2626;
  --error-bg: rgba(220,38,38,0.15);
  --error-border: rgba(220,38,38,0.4);
  --info: #2563eb;
  --info-bg: rgba(37,99,235,0.15);

  /* ----- BUTTONS ----- */
  --btn-primary-bg: var(--accent);
  --btn-primary-text: var(--text-on-accent);
  --btn-primary-hover: var(--accent-hover);
  --btn-primary-active: var(--accent-active);
  --btn-secondary-bg: var(--bg-input);
  --btn-secondary-text: var(--text-primary);
  --btn-secondary-border: var(--border-main);
  --btn-secondary-hover: var(--bg-hover);
  --btn-danger-bg: var(--error-bg);
  --btn-danger-text: var(--error);
  --btn-danger-border: var(--error-border);
  --btn-danger-hover-bg: var(--error);
  --btn-danger-hover-text: var(--text-on-accent);

  /* ----- SHADOWS ----- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 20px rgba(0,0,0,0.1);

  /* ----- HEADER/FOOTER ----- */
  --header-bg: #3f3f46;
  --header-text: #ffffff;
  --logo-text: #be7b3b;
  --footer-bg: #3f3f46;
  --footer-text: #d4d4d8;

  /* ----- BADGES ----- */
  --badge-hd: #16a34a;
  --badge-4k: var(--accent);
  --badge-new: #dc2626;
  --badge-film: #2563eb;
  --badge-serial: #7c3aed;

  /* ----- RANKS ----- */
  --rank-admin: #dc2626;
  --rank-moderator: #16a34a;
  --rank-vip: var(--accent);
  --rank-user: var(--text-muted);
  --rank-badge-bg: #c2c4ce;
  
  /* ----- LOSTPASSWORD ----- */
  --lostpassword-btn-bg: var(--badge-serial);
  --lostpassword-btn-hover: color-mix(in srgb, var(--badge-serial) 85%, black);
  --lostpassword-icon-bg: var(--badge-serial);

  /* ----- BOT MESSAGES ----- */
  --bot-movie-color: #BE7B3B;
  --bot-series-color: #6366f1;
  --bot-new-color: #22c55e;
  --bot-info-color: #3b82f6;
  --bot-opacity: 0.25;
}

/* ============================================
   AUTO-DETECTION (preferencje systemowe)
   ============================================ */

@media (prefers-color-scheme: light) {
  html:not(.dark-mode):not(.light-mode) {    --bg-body: #f5f6ff;
    --bg-card: #ebecf4;
    --bg-input: #e0e1ea;
    --bg-hover: #d8d9e3;
    --bg-overlay: rgba(0,0,0,0.5);
    --text-primary: #1d1d1f;
    --text-secondary: #5c5d62;
    --text-muted: #7a7b80;
    --text-on-accent: #ffffff;
    --border-main: #c8c9d3;
    --border-light: #e8e8ed;
    --border-focus: #c27a3a;
    --accent: #c27a3a;
    --accent-hover: #b06d30;
    --accent-active: #9e6028;
    --accent-subtle: rgba(194,122,58,0.12);
    --accent-glow: rgba(194,122,58,0.3);
    --success: #16a34a;
    --success-bg: rgba(22,163,74,0.15);
    --warning: #ea580c;
    --warning-bg: rgba(234,88,12,0.15);
    --error: #dc2626;
    --error-bg: rgba(220,38,38,0.15);
  --error-border: rgba(220,38,38,0.4);
    --info: #2563eb;
    --info-bg: rgba(37,99,235,0.15);

  /* ----- BUTTONS ----- */
  --btn-primary-bg: var(--accent);
  --btn-primary-text: var(--text-on-accent);
  --btn-primary-hover: var(--accent-hover);
  --btn-primary-active: var(--accent-active);
  --btn-secondary-bg: var(--bg-input);
  --btn-secondary-text: var(--text-primary);
  --btn-secondary-border: var(--border-main);
  --btn-secondary-hover: var(--bg-hover);
  --btn-danger-bg: var(--error-bg);
  --btn-danger-text: var(--error);
  --btn-danger-border: var(--error-border);
  --btn-danger-hover-bg: var(--error);
  --btn-danger-hover-text: var(--text-on-accent);
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 20px rgba(0,0,0,0.1);
    --header-bg: #3f3f46;
    --header-text: #ffffff;
    --logo-text: #be7b3b;
    --footer-bg: #3f3f46;
    --footer-text: #d4d4d8;
    --badge-hd: #16a34a;
    --badge-4k: var(--accent);
    --badge-new: #dc2626;
    --badge-film: #2563eb;
    --badge-serial: #7c3aed;
    --rank-admin: #dc2626;
    --rank-moderator: #16a34a;
    --rank-vip: var(--accent);
    --rank-user: var(--text-muted);
    --rank-badge-bg: #c2c4ce;
  
  /* ----- LOSTPASSWORD ----- */
  --lostpassword-btn-bg: var(--badge-serial);
  --lostpassword-btn-hover: color-mix(in srgb, var(--badge-serial) 85%, black);
  --lostpassword-icon-bg: var(--badge-serial);
    --bot-movie-color: #BE7B3B;
    --bot-series-color: #6366f1;
    --bot-new-color: #22c55e;
    --bot-info-color: #3b82f6;
    --bot-opacity: 0.25;
  }
}

/* ============================================
   KOLORY STAŁE (nie zmieniają się między motywami)
   ============================================ */

:root {
  /* ----- SOCIAL MEDIA ----- */
  --social-discord: #5865F2;
  --social-telegram: #0088cc;
  --social-facebook: #1877f2;
  
  /* ----- TMDB ----- */
  --tmdb-color: #01b4e4;
  --tmdb-rating: #f5c518;
  
  /* ----- LEADERBOARD/RANGI ----- */
  --rank-gold: #ffd700;
  --rank-gold-dark: #b8860b;
  --rank-silver: #c0c0c0;
  --rank-bronze: #cd7f32;
  
  /* ----- KOLORY KATEGORII ----- */
  --cat-blue: #5c7cfa;
  --cat-orange: #ffa94d;
  --cat-pink: #f06595;
  --cat-cyan: #22b8cf;
  --cat-lightblue: #74c0fc;
  
  /* ----- PODSTAWOWE ----- */
  --black: #000000;
  --white: #ffffff;
  
  /* ----- ADMIN BADGE ----- */
  --admin-color: #7a9bb5;
}