/**
 * 8 Professional Code Editor Syntax Themes for PicDriver
 */

/* 1. One Dark Pro */
.theme-onedark {
  --code-bg: #1e1e2e;
  --code-text: #abb2bf;
  --code-header: #181825;
  --code-border: rgba(255, 255, 255, 0.08);
  --code-line-num: #5c6370;
}
.theme-onedark .token.comment { color: #5c6370; font-style: italic; }
.theme-onedark .token.punctuation { color: #abb2bf; }
.theme-onedark .token.keyword, .theme-onedark .token.tag { color: #e06c75; font-weight: 600; }
.theme-onedark .token.string, .theme-onedark .token.char { color: #98c379; }
.theme-onedark .token.function, .theme-onedark .token.class-name { color: #61afef; }
.theme-onedark .token.number, .theme-onedark .token.boolean { color: #d19a66; }
.theme-onedark .token.operator, .theme-onedark .token.variable { color: #56b6c2; }
.theme-onedark .token.property, .theme-onedark .token.attr-name { color: #e5c07b; }

/* 2. Dracula */
.theme-dracula {
  --code-bg: #282a36;
  --code-text: #f8f8f2;
  --code-header: #21222c;
  --code-border: rgba(255, 255, 255, 0.1);
  --code-line-num: #6272a4;
}
.theme-dracula .token.comment { color: #6272a4; font-style: italic; }
.theme-dracula .token.punctuation { color: #f8f8f2; }
.theme-dracula .token.keyword, .theme-dracula .token.tag { color: #ff79c6; font-weight: 600; }
.theme-dracula .token.string, .theme-dracula .token.char { color: #f1fa8c; }
.theme-dracula .token.function, .theme-dracula .token.class-name { color: #50fa7b; }
.theme-dracula .token.number, .theme-dracula .token.boolean { color: #bd93f9; }
.theme-dracula .token.operator, .theme-dracula .token.variable { color: #ffb86c; }
.theme-dracula .token.property, .theme-dracula .token.attr-name { color: #8be9fd; }

/* 3. GitHub Dark */
.theme-github-dark {
  --code-bg: #0d1117;
  --code-text: #c9d1d9;
  --code-header: #161b22;
  --code-border: #30363d;
  --code-line-num: #8b949e;
}
.theme-github-dark .token.comment { color: #8b949e; font-style: italic; }
.theme-github-dark .token.punctuation { color: #c9d1d9; }
.theme-github-dark .token.keyword, .theme-github-dark .token.tag { color: #ff7b72; font-weight: 600; }
.theme-github-dark .token.string, .theme-github-dark .token.char { color: #a5d6ff; }
.theme-github-dark .token.function, .theme-github-dark .token.class-name { color: #d2a8ff; }
.theme-github-dark .token.number, .theme-github-dark .token.boolean { color: #79c0ff; }
.theme-github-dark .token.operator, .theme-github-dark .token.variable { color: #ffa657; }
.theme-github-dark .token.property, .theme-github-dark .token.attr-name { color: #7ee787; }

/* 4. Monokai Pro */
.theme-monokai {
  --code-bg: #272822;
  --code-text: #f8f8f2;
  --code-header: #1e1f1c;
  --code-border: rgba(255, 255, 255, 0.08);
  --code-line-num: #75715e;
}
.theme-monokai .token.comment { color: #75715e; font-style: italic; }
.theme-monokai .token.punctuation { color: #f8f8f2; }
.theme-monokai .token.keyword, .theme-monokai .token.tag { color: #f92672; font-weight: 600; }
.theme-monokai .token.string, .theme-monokai .token.char { color: #e6db74; }
.theme-monokai .token.function, .theme-monokai .token.class-name { color: #a6e22e; }
.theme-monokai .token.number, .theme-monokai .token.boolean { color: #ae81ff; }
.theme-monokai .token.operator, .theme-monokai .token.variable { color: #fd971f; }
.theme-monokai .token.property, .theme-monokai .token.attr-name { color: #66d9ef; }

/* 5. Nord */
.theme-nord {
  --code-bg: #2e3440;
  --code-text: #d8dee9;
  --code-header: #242933;
  --code-border: #434c5e;
  --code-line-num: #616e88;
}
.theme-nord .token.comment { color: #616e88; font-style: italic; }
.theme-nord .token.punctuation { color: #eceff4; }
.theme-nord .token.keyword, .theme-nord .token.tag { color: #81a1c1; font-weight: 600; }
.theme-nord .token.string, .theme-nord .token.char { color: #a3be8c; }
.theme-nord .token.function, .theme-nord .token.class-name { color: #88c0d0; }
.theme-nord .token.number, .theme-nord .token.boolean { color: #b48ead; }
.theme-nord .token.operator, .theme-nord .token.variable { color: #8fbcbb; }
.theme-nord .token.property, .theme-nord .token.attr-name { color: #ebcb8b; }

/* 6. Synthwave '84 */
.theme-synthwave {
  --code-bg: #262335;
  --code-text: #fff5f6;
  --code-header: #1f1b2c;
  --code-border: #463465;
  --code-line-num: #848bbd;
}
.theme-synthwave .token.comment { color: #614d85; font-style: italic; }
.theme-synthwave .token.punctuation { color: #ffe6ff; }
.theme-synthwave .token.keyword, .theme-synthwave .token.tag { color: #f92aad; font-weight: 600; text-shadow: 0 0 4px rgba(249, 42, 173, 0.4); }
.theme-synthwave .token.string, .theme-synthwave .token.char { color: #ff8b39; }
.theme-synthwave .token.function, .theme-synthwave .token.class-name { color: #36f9f6; text-shadow: 0 0 4px rgba(54, 249, 246, 0.4); }
.theme-synthwave .token.number, .theme-synthwave .token.boolean { color: #fede5d; }
.theme-synthwave .token.operator, .theme-synthwave .token.variable { color: #fe4450; }
.theme-synthwave .token.property, .theme-synthwave .token.attr-name { color: #72f1b8; }

/* 7. Tokyo Night */
.theme-tokyonight {
  --code-bg: #1a1b26;
  --code-text: #c0caf5;
  --code-header: #16161e;
  --code-border: #292e42;
  --code-line-num: #565f89;
}
.theme-tokyonight .token.comment { color: #565f89; font-style: italic; }
.theme-tokyonight .token.punctuation { color: #a9b1d6; }
.theme-tokyonight .token.keyword, .theme-tokyonight .token.tag { color: #bb9af7; font-weight: 600; }
.theme-tokyonight .token.string, .theme-tokyonight .token.char { color: #9ece6a; }
.theme-tokyonight .token.function, .theme-tokyonight .token.class-name { color: #7aa2f7; }
.theme-tokyonight .token.number, .theme-tokyonight .token.boolean { color: #ff9e64; }
.theme-tokyonight .token.operator, .theme-tokyonight .token.variable { color: #2ac3de; }
.theme-tokyonight .token.property, .theme-tokyonight .token.attr-name { color: #e0af68; }

/* 8. GitHub Light */
.theme-github-light {
  --code-bg: #ffffff;
  --code-text: #24292f;
  --code-header: #f6f8fa;
  --code-border: #d0d7de;
  --code-line-num: #8c959f;
}
.theme-github-light .token.comment { color: #6e7781; font-style: italic; }
.theme-github-light .token.punctuation { color: #24292f; }
.theme-github-light .token.keyword, .theme-github-light .token.tag { color: #cf222e; font-weight: 600; }
.theme-github-light .token.string, .theme-github-light .token.char { color: #0a3069; }
.theme-github-light .token.function, .theme-github-light .token.class-name { color: #8250df; }
.theme-github-light .token.number, .theme-github-light .token.boolean { color: #0550ae; }
.theme-github-light .token.operator, .theme-github-light .token.variable { color: #953800; }
.theme-github-light .token.property, .theme-github-light .token.attr-name { color: #116329; }