/* GitHub Dark Theme */
[data-theme="github-dark"] {
    --primary: #58a6ff;
    --secondary: #79c0ff;
    --error: #f85149;
    --success: #56d364;
    --processing: #e3b341;
    --background: #0d1117;
    --text: #c9d1d9;
    --sidebar-bg: #161b22;
    --sidebar-border: #30363d;
    --message-bg: #161b22;
    --message-user-bg: #0c2d6b;
    --message-ai-bg: #1f2937;
    --input-bg: #161b22;
    --input-border: #30363d;
  }
  
  /* Monokai Dark Theme */
  [data-theme="monokai-dark"] {
    --primary: #a6e22e;
    --secondary: #66d9ef;
    --error: #f92672;
    --success: #a6e22e;
    --processing: #fd971f;
    --background: #272822;
    --text: #f8f8f2;
    --sidebar-bg: #3e3d32;
    --sidebar-border: #75715e;
    --message-bg: #3e3d32;
    --message-user-bg: #49483e;
    --message-ai-bg: #414339;
    --input-bg: #3e3d32;
    --input-border: #75715e;
  }
  
  /* Nord */
  [data-theme="nord"] {
    --primary: #81a1c1;
  --secondary: #88c0d0;
  --error: #bf616a;
  --success: #a3be8c;
  --processing: #ebcb8b;
  --background: #2e3440;
  --text: #d8dee9;
  --sidebar-bg: #3b4252;
  --sidebar-border: #4c566a;
  --message-bg: #3b4252;
  --message-user-bg: #434c5e;
  --message-ai-bg: #4c566a;
  --input-bg: #3b4252;
  --input-border: #4c566a;
  }
  
  /* Dracula Theme */
  [data-theme="dracula"] {
    --primary: #bd93f9;
    --secondary: #ff79c6;
    --error: #ff5555;
    --success: #50fa7b;
    --processing: #f1fa8c;
    --background: #282a36;
    --text: #f8f8f2;
    --sidebar-bg: #44475a;
    --sidebar-border: #53355c;
    --message-bg: #44475a;
    --message-user-bg: #6272a4;
    --message-ai-bg: #54628c;
    --input-bg: #44475a;
    --input-border: #6272a4;
  }
  
  /* Solarized Light Theme */
  [data-theme="solarized-light"] {
    --primary: #268bd2;
    --secondary: #2aa198;
    --error: #dc322f;
    --success: #859900;
    --processing: #b58900;
    --background: #fdf6e3;
    --text: #586e75;
    --sidebar-bg: #eee8d5;
    --sidebar-border: #93a1a1;
    --message-bg: #eee8d5;
    --message-user-bg: #d5e8ee;
    --message-ai-bg: #e8e5d5;
    --input-bg: #eee8d5;
    --input-border: #93a1a1;
  }
  
  [data-theme="gruvbox-dark"] {
    --primary: #fabd2f;
    --secondary: #fe8019;
    --error: #fb4934;
    --success: #b8bb26;
    --processing: #d3869b;
    --background: #282828;
    --text: #ebdbb2;
    --sidebar-bg: #3c3836;
    --sidebar-border: #504945;
    --message-bg: #3c3836;
    --message-user-bg: #665c54;
    --message-ai-bg: #32302f;
    --input-bg: #3c3836;
    --input-border: #504945;
  }
  
  [data-theme="pastel-light"] {
    --primary: #a5d8ff;
    --secondary: #b2f2bb;
    --error: #ffc9c9;
    --success: #b2f2bb;
    --processing: #ffec99;
    --background: #f8f9fa;
    --text: #495057;
    --sidebar-bg: #e9ecef;
    --sidebar-border: #dee2e6;
    --message-bg: #ffffff;
    --message-user-bg: #e3f2fd;
    --message-ai-bg: #f8f9fa;
    --input-bg: #ffffff;
    --input-border: #ced4da;
  }


  [data-theme="rose-pine-dawn"] {
    --primary: #907aa9;
    --secondary: #d7827e;
    --error: #b4637a;
    --success: #56949f;
    --processing: #ea9d34;
    --background: #faf4ed;
    --text: #575279;
    --sidebar-bg: #f2e9e1;
    --sidebar-border: #cecacd;
    --message-bg: #f2e9e1;
    --message-user-bg: #e0d8d0;
    --message-ai-bg: #f8f0e7;
    --input-bg: #f2e9e1;
    --input-border: #cecacd;
  }

  [data-theme="synthwave"] {
    --primary: #f92aad;
    --secondary: #ff7edb;
    --error: #ff2c6d;
    --success: #72f1b8;
    --processing: #f97e72;
    --background: #241b2f;
    --text: #f8f8f0;
    --sidebar-bg: #2a2139;
    --sidebar-border: #7e3af2;
    --message-bg: #2a2139;
    --message-user-bg: #7e3af2;
    --message-ai-bg: #3a2a4a;
    --input-bg: #2a2139;
    --input-border: #7e3af2;
  }
  
  [data-theme="orange-black"] {
    --primary: #ff5e00;
    --secondary: #ff9e00;
    --error: #ff2a00;
    --success: #00ff00; /* neon zielony */
    --processing: #ffcc00;
    --background: #000000; /* czarne tło */
    --text: #ffffff;
    --sidebar-bg: #1a1a1a;
    --sidebar-border: #ff5e00;
    --message-bg: #1a1a1a;
    --message-user-bg: #331400; /* ciemny pomarańcz */
    --message-ai-bg: #262626;
    --input-bg: #1a1a1a;
    --input-border: #ff5e00;
  }
  

  /* Theme selector styles */
  .theme-selector {
    position: relative;
    display: inline-block;
  }
  
  .theme-selector-button {
    background: none;
    border: none;
    color: var(--text);
    font-size: 1.2em;
    padding: 3px;
    cursor: pointer;
  }
  
  .theme-selector-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--sidebar-bg);
    border: 1px solid var(--sidebar-border);
    border-radius: 8px;
    padding: 10px;
    z-index: 100;
    display: none;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 12px;

  }
  
  .theme-selector:hover .theme-selector-dropdown {
    display: flex;
  }
  
  .theme-option {
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .theme-option:hover {
    background: var(--message-ai-bg);
  }
  
  .theme-color {
    width: 16px;
    height: 16px;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
  }
  
  /* Color indicators for each theme */
  [data-theme="github-dark"] .theme-color.github-dark,
  [data-theme="monokai-dark"] .theme-color.monokai-dark,
  [data-theme="monokai-light"] .theme-color.monokai-light,
  [data-theme="dracula"] .theme-color.dracula,
  [data-theme="solarized-light"] .theme-color.solarized-light,
  [data-theme="dark"] .theme-color.dark,
  [data-theme="light"] .theme-color.light,
  [data-theme="nord"] .theme-color.nord,
  [data-theme="gruvbox-dark"] .theme-color.gruvbox-dark,
  [data-theme="pastel-light"] .theme-color.pastel-light, 
  [data-theme="rose-pine-dawn"] .theme-color.rose-pine-dawn 
  [data-theme="synthwave"] .theme-color.synthwave
  [data-theme="orange-black"] .theme-color.synthwave{
    border: 2px solid var(--text);
  }
  
  .github-dark .theme-color { background: #0d1117; }
  .monokai-dark .theme-color { background: #4e5333; }
  .monokai-light .theme-color { background: #f9f8f5; }
  .dracula .theme-color { background: #673b85; }
  .solarized-light .theme-color { background: #bdb7a7; }
  .dark .theme-color { background: #221a2c; }
  .light .theme-color { background: #f7fafc; }
  .nord .theme-color { background: #475570; }
  .gruvbox-dark .theme-color { background: #665c54; }
  .pastel-light .theme-color { background: #f8f9fa;}
  .rose-pine-dawn .theme-color { background: #faf4ed;}
  .synthwave .theme-color { background: #43198a;}
  .orange-black .theme-color { background: #ff5e00;}