/* Custom Font Integration */
@font-face {
  font-family: "Kode Mono";
  src: url("../fonts/KodeMono-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: normal;
}

/* 
  Visual Studio Dark Theme 
  Built using the provided Gitea custom theme structure[cite: 1].
*/
:root {
  color-scheme: dark; /*[cite: 1] */
  --is-dark-theme: true; /*[cite: 1] */
  
  /* VS Code Primary Accents */
  accent-color: #007acc; /*[cite: 1] */
  --color-primary: #007acc; /*[cite: 1] */
  --color-primary-contrast: #ffffff; /*[cite: 1] */
  --color-primary-hover: #0098ff; /*[cite: 1] */
  --color-primary-dark-1: #006bb3; /*[cite: 1] */
  --color-primary-dark-2: #005c99; /*[cite: 1] */
  --color-primary-light-1: #1a8cff; /*[cite: 1] */
  --color-primary-light-2: #3399ff; /*[cite: 1] */
  --color-primary-alpha-10: rgba(0, 122, 204, 0.1); /*[cite: 1] */
  --color-primary-alpha-20: rgba(0, 122, 204, 0.2); /*[cite: 1] */
  --color-primary-alpha-30: rgba(0, 122, 204, 0.3); /*[cite: 1] */
  --color-primary-alpha-40: rgba(0, 122, 204, 0.4); /*[cite: 1] */
  --color-primary-alpha-50: rgba(0, 122, 204, 0.5); /*[cite: 1] */
  
  --color-secondary: #3e3e42; /*[cite: 1] */
  --color-secondary-dark-1: #2d2d30; /*[cite: 1] */
  --color-secondary-dark-2: #252526; /*[cite: 1] */
  --color-secondary-light-1: #454545; /*[cite: 1] */
  --color-secondary-light-2: #555555; /*[cite: 1] */
  --color-secondary-alpha-10: rgba(62, 62, 66, 0.1); /*[cite: 1] */
  --color-secondary-alpha-20: rgba(62, 62, 66, 0.2); /*[cite: 1] */
  
  /* VS Code Core Colors */
  --color-red: #f14c4c; /*[cite: 1] */
  --color-orange: #d7ba7d; /*[cite: 1] */
  --color-yellow: #cca700; /*[cite: 1] */
  --color-olive: #89d185; /*[cite: 1] */
  --color-green: #89d185; /*[cite: 1] */
  --color-teal: #4ec9b0; /*[cite: 1] */
  --color-blue: #3794ff; /*[cite: 1] */
  --color-violet: #c586c0; /*[cite: 1] */
  --color-purple: #c586c0; /*[cite: 1] */
  --color-pink: #d16969; /*[cite: 1] */
  --color-brown: #ce9178; /*[cite: 1] */
  --color-grey: #808080; /*[cite: 1] */
  --color-black: #1e1e1e; /*[cite: 1] */
  
  /* Base UI Colors (Mapped to VS Code Backgrounds) */
  --color-body: #1e1e1e; /*[cite: 1] */
  --color-box-header: #252526; /*[cite: 1] */
  --color-box-body: #1e1e1e; /*[cite: 1] */
  --color-box-body-highlight: #2d2d30; /*[cite: 1] */
  --color-text-dark: #cccccc; /*[cite: 1] */
  --color-text: #d4d4d4; /*[cite: 1] */
  --color-text-light: #cccccc; /*[cite: 1] */
  --color-text-light-1: #aaaaaa; /*[cite: 1] */
  --color-text-light-2: #8a8a8a; /*[cite: 1] */
  --color-text-light-3: #6a6a6a; /*[cite: 1] */
  
  --color-footer: #252526; /*[cite: 1] */
  --color-timeline: #333333; /*[cite: 1] */
  --color-input-text: #d4d4d4; /*[cite: 1] */
  --color-input-background: #3c3c3c; /*[cite: 1] */
  --color-input-toggle-background: #3c3c3c; /*[cite: 1] */
  --color-input-border: #3c3c3c; /*[cite: 1] */
  --color-input-border-hover: #007acc; /*[cite: 1] */
  
  --color-nav-bg: #252526; /*[cite: 1] */
  --color-nav-hover-bg: rgba(255, 255, 255, 0.1); /*[cite: 1] */
  --color-navbar: #333333; /*[cite: 1] */
  --color-navbar-transparent: rgba(51, 51, 51, 0); /*[cite: 1] */
  
  --color-hover: rgba(255, 255, 255, 0.1); /*[cite: 1] */
  --color-active: rgba(255, 255, 255, 0.15); /*[cite: 1] */
  --color-menu: #252526; /*[cite: 1] */
  --color-card: #252526; /*[cite: 1] */
  
  /* Code & Editor Backgrounds */
  --color-markup-table-row: rgba(255, 255, 255, 0.02); /*[cite: 1] */
  --color-markup-code-block: #1e1e1e; /*[cite: 1] */
  --color-markup-code-inline: #2d2d30; /*[cite: 1] */
  --color-button: #333333; /*[cite: 1] */
  --color-code-bg: #1e1e1e; /*[cite: 1] */
  --color-code-sidebar-bg: #252526; /*[cite: 1] */
  --color-shadow: rgba(0, 0, 0, 0.36); /*[cite: 1] */
  --color-tooltip-bg: #252526; /*[cite: 1] */
  --color-tooltip-text: var(--color-text); /*[cite: 1] */
  --color-secondary-bg: #252526; /*[cite: 1] */
  --color-text-focus: #ffffff; /*[cite: 1] */
  --color-expand-button: #3e3e42; /*[cite: 1] */
  --color-placeholder-text: #808080; /*[cite: 1] */
  --color-editor-line-highlight: rgba(255, 255, 255, 0.05); /*[cite: 1] */
  
  /* Diff Colors (VS Code Standard) */
  --color-diff-removed-word-bg: rgba(248, 81, 73, 0.3); /*[cite: 1] */
  --color-diff-added-word-bg: rgba(46, 160, 67, 0.3); /*[cite: 1] */
  --color-diff-removed-row-bg: rgba(248, 81, 73, 0.15); /*[cite: 1] */
  --color-diff-moved-row-bg: rgba(215, 186, 125, 0.15); /*[cite: 1] */
  --color-diff-added-row-bg: rgba(46, 160, 67, 0.15); /*[cite: 1] */
  
  /* Status/Badges */
  --color-error-border: #f14c4c; /*[cite: 1] */
  --color-error-bg: #f14c4c; /*[cite: 1] */
  --color-error-text: #ffffff; /*[cite: 1] */
  --color-success-border: #89d185; /*[cite: 1] */
  --color-success-bg: #89d185; /*[cite: 1] */
  --color-success-text: #ffffff; /*[cite: 1] */
  --color-warning-border: #cca700; /*[cite: 1] */
  --color-warning-bg: #cca700; /*[cite: 1] */
  --color-warning-text: #ffffff; /*[cite: 1] */
  --color-info-border: #3794ff; /*[cite: 1] */
  --color-info-bg: #3794ff; /*[cite: 1] */
  --color-info-text: #ffffff; /*[cite: 1] */
  
  /* Assign Kode Mono Font */
  --fonts-monospace: "Kode Mono", monospace;
  --fonts-regular: "Kode Mono", system-ui, -apple-system, sans-serif;
}

/* UI Overrides */
.ui.basic.modal,
.ui.basic.modal > .header,
.ui.inverted.button {
  color: #d4d4d4 !important; /*[cite: 1] */
}

/* Chroma Syntax Highlighting (VS Code Dark+) */
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .cs { color: #6a9955; } /* Comments */ /*[cite: 1] */
.chroma .cp, .chroma .cpf { color: #c586c0; } /* Preproc */ /*[cite: 1] */
.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #569cd6; } /* Keywords */ /*[cite: 1] */
.chroma .kt { color: #4ec9b0; } /* Types */ /*[cite: 1] */
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .si, .chroma .sx { color: #ce9178; } /* Strings */ /*[cite: 1] */
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .il { color: #b5cea8; } /* Numbers */ /*[cite: 1] */
.chroma .n, .chroma .nx { color: #9cdcfe; } /* Names/Variables */ /*[cite: 1] */
.chroma .nf { color: #dcdcaa; } /* Functions */ /*[cite: 1] */
.chroma .nc { color: #4ec9b0; } /* Classes */ /*[cite: 1] */
.chroma .nd { color: #dcdcaa; } /* Decorators */ /*[cite: 1] */
.chroma .o, .chroma .ow { color: #d4d4d4; } /* Operators */ /*[cite: 1] */
.chroma .p { color: #d4d4d4; } /* Punctuation */ /*[cite: 1] */

/* CodeMirror Editor Syntax Highlighting */
.CodeMirror .cm-property { color: #9cdcfe; } /*[cite: 1] */
.CodeMirror .cm-keyword { color: #569cd6; } /*[cite: 1] */
.CodeMirror .cm-number { color: #b5cea8; } /*[cite: 1] */
.CodeMirror .cm-def { color: #dcdcaa; } /*[cite: 1] */
.CodeMirror .cm-variable-2, .CodeMirror .cm-variable-3 { color: #9cdcfe; } /*[cite: 1] */
.CodeMirror .cm-comment { color: #6a9955; } /*[cite: 1] */
.CodeMirror .cm-string, .CodeMirror .cm-string-2 { color: #ce9178; } /*[cite: 1] */
.CodeMirror .cm-tag { color: #569cd6; } /*[cite: 1] */
.CodeMirror .cm-attribute { color: #9cdcfe; } /*[cite: 1] */

/* Monaco Editor Overrides */
.monaco-editor .selected-text { background-color: rgba(58, 61, 65, 0.6) !important; } /*[cite: 1] */
.monaco-editor .margin-view-overlays .line-numbers { color: #858585 !important; } /*[cite: 1] */
.monaco-editor .line-numbers.active-line-number { color: #c6c6c6 !important; } /*[cite: 1] */
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line-margin { background-color: rgba(255, 255, 255, 0.05) !important; } /*[cite: 1] */

/* Bracket Highlighting */
.monaco-editor .bracket-highlighting-0 { color: #ffd700 !important; } /*[cite: 1] */
.monaco-editor .bracket-highlighting-1 { color: #da70d6 !important; } /*[cite: 1] */
.monaco-editor .bracket-highlighting-2 { color: #179fff !important; } /*[cite: 1] */