:root {
  color-scheme: dark;
  --is-dark-theme: true;
  accent-color: #00D2BE;

  /* === PRIMARY: Mercedes Teal === */
  --color-primary: #00D2BE;
  --color-primary-contrast: #0a0d12;
  --color-primary-hover: #00bfad;
  --color-primary-dark-1: #00c4b1;
  --color-primary-dark-2: #00b5a3;
  --color-primary-dark-3: #00a796;
  --color-primary-dark-4: #009888;
  --color-primary-dark-5: #008a7b;
  --color-primary-dark-6: #007b6d;
  --color-primary-dark-7: #006d60;
  --color-primary-light-1: #1ddece;
  --color-primary-light-2: #3ae3d4;
  --color-primary-light-3: #57e8da;
  --color-primary-light-4: #74ede0;
  --color-primary-light-5: #91f2e6;
  --color-primary-light-6: #aef7ec;
  --color-primary-light-7: #cbfcf3;
  --color-primary-alpha-10: rgba(0, 210, 190, 0.1);
  --color-primary-alpha-20: rgba(0, 210, 190, 0.2);
  --color-primary-alpha-30: rgba(0, 210, 190, 0.3);
  --color-primary-alpha-40: rgba(0, 210, 190, 0.4);
  --color-primary-alpha-50: rgba(0, 210, 190, 0.5);
  --color-primary-alpha-60: rgba(0, 210, 190, 0.6);
  --color-primary-alpha-70: rgba(0, 210, 190, 0.7);
  --color-primary-alpha-80: rgba(0, 210, 190, 0.8);
  --color-primary-alpha-90: rgba(0, 210, 190, 0.9);

  /* === SECONDARY: Carbon surfaces === */
  --color-secondary: #1e2530;
  --color-secondary-dark-1: #1a2029;
  --color-secondary-dark-2: #161b22;
  --color-secondary-dark-3: #121620;
  --color-secondary-dark-4: #0e121a;
  --color-secondary-dark-5: #0a0d12;
  --color-secondary-dark-6: #07090e;
  --color-secondary-dark-7: #04060a;
  --color-secondary-dark-8: #020406;
  --color-secondary-dark-9: #010203;
  --color-secondary-dark-10: #000000;
  --color-secondary-dark-11: #000000;
  --color-secondary-dark-12: #000000;
  --color-secondary-dark-13: #000000;
  --color-secondary-light-1: #222b38;
  --color-secondary-light-2: #1c2430;
  --color-secondary-light-3: #161c27;
  --color-secondary-light-4: #10151e;
  --color-secondary-alpha-10: rgba(20, 26, 35, 0.1);
  --color-secondary-alpha-20: rgba(20, 26, 35, 0.2);
  --color-secondary-alpha-30: rgba(20, 26, 35, 0.3);
  --color-secondary-alpha-40: rgba(20, 26, 35, 0.4);
  --color-secondary-alpha-50: rgba(20, 26, 35, 0.5);
  --color-secondary-alpha-60: rgba(20, 26, 35, 0.6);
  --color-secondary-alpha-70: rgba(20, 26, 35, 0.7);
  --color-secondary-alpha-80: rgba(20, 26, 35, 0.8);
  --color-secondary-alpha-90: rgba(20, 26, 35, 0.9);

  /* === SEMANTIC COLORS === */
  --color-red:    #f38ba8;
  --color-orange: #fab387;
  --color-yellow: #00D2BE;
  --color-olive:  #00D2BE;
  --color-green:  #00D2BE;
  --color-teal:   #00D2BE;
  --color-blue:   #89b4fa;
  --color-violet: #b4befe;
  --color-purple: #cba6f7;
  --color-pink:   #f5c2e7;
  --color-brown:  #9EA4A8;
  --color-grey:   #5a6270;
  --color-black:  #0a0d12;

  --color-red-light:    #ee5d85;
  --color-orange-light: #f89456;
  --color-yellow-light: #00bfad;
  --color-olive-light:  #00bfad;
  --color-green-light:  #00bfad;
  --color-teal-light:   #00bfad;
  --color-blue-light:   #5895f8;
  --color-violet-light: #8292fd;
  --color-purple-light: #b077f3;
  --color-pink-light:   #ee96d6;
  --color-brown-light:  #757d9d;
  --color-grey-light:   #424955;
  --color-black-light:  #040608;

  --color-red-dark-1:    #ee5d85;
  --color-orange-dark-1: #f89456;
  --color-yellow-dark-1: #00bfad;
  --color-olive-dark-1:  #81d77a;
  --color-green-dark-1:  #00bfad;
  --color-teal-dark-1:   #00bfad;
  --color-blue-dark-1:   #5895f8;
  --color-violet-dark-1: #8292fd;
  --color-purple-dark-1: #b077f3;
  --color-pink-dark-1:   #ee96d6;
  --color-brown-dark-1:  #9EA4A8;
  --color-black-dark-1:  #040608;

  --color-red-dark-2:    #e92f63;
  --color-orange-dark-2: #f67525;
  --color-yellow-dark-2: #009e8e;
  --color-olive-dark-2:  #5ccc52;
  --color-green-dark-2:  #5ccc52;
  --color-teal-dark-2:   #009e8e;
  --color-blue-dark-2:   #2776f6;
  --color-violet-dark-2: #4f67fd;
  --color-purple-dark-2: #9448ef;
  --color-pink-dark-2:   #e76ac5;
  --color-brown-dark-2:  #7d8590;
  --color-black-dark-2:  #000000;

  --color-gold:  #9EA4A8;
  --color-white: #c9d1d9;

  /* === DIFF COLORS === */
  --color-diff-removed-word-bg:   rgba(243, 139, 168, 0.15);
  --color-diff-added-word-bg:     rgba(0, 210, 190, 0.15);
  --color-diff-removed-row-bg:    rgba(243, 139, 168, 0.07);
  --color-diff-moved-row-bg:      rgba(0, 210, 190, 0.07);
  --color-diff-added-row-bg:      rgba(0, 210, 190, 0.07);
  --color-diff-removed-row-border:rgba(243, 139, 168, 0.07);
  --color-diff-moved-row-border:  rgba(0, 210, 190, 0.07);
  --color-diff-added-row-border:  rgba(0, 210, 190, 0.07);
  --color-diff-inactive: #5a6270;

  /* === STATUS === */
  --color-error-border:    #f38ba8;
  --color-error-bg:        #f38ba8;
  --color-error-bg-active: #f17497;
  --color-error-bg-hover:  #ee5d85;
  --color-error-text:      #0a0d12;
  --color-success-border:  #00D2BE;
  --color-success-bg:      #00D2BE;
  --color-success-text:    #0a0d12;
  --color-warning-border:  #fab387;
  --color-warning-bg:      #fab387;
  --color-warning-text:    #0a0d12;
  --color-info-border:     #00D2BE;
  --color-info-bg:         #0d1117;
  --color-info-text:       #00D2BE;

  /* === BADGES === */
  --color-red-badge:          #f38ba8;
  --color-red-badge-bg:       #0a0d12;
  --color-red-badge-hover-bg: #f17497;
  --color-green-badge:          #00D2BE;
  --color-green-badge-bg:       #00D2BE;
  --color-green-badge-hover-bg: #00bfad;
  --color-yellow-badge:          #00D2BE;
  --color-yellow-badge-bg:       #0a0d12;
  --color-yellow-badge-hover-bg: #00bfad;
  --color-orange-badge:          #fab387;
  --color-orange-badge-bg:       #0a0d12;
  --color-orange-badge-hover-bg: #f9a36f;
  --color-git: #00D2BE;

  --color-highlight-bg: rgba(0, 210, 190, 0.12);

  /* === SURFACES & TEXT === */
  --color-body:               #0a0d12;
  --color-box-header:         #0d1117;
  --color-box-body:           #0d1117;
  --color-box-body-highlight: #161b22;
  --color-text-dark:          #8b949e;
  --color-text:               #c9d1d9;
  --color-text-light:         #9EA4A8;
  --color-text-light-1:       #9EA4A8;
  --color-text-light-2:       #9EA4A8;
  --color-text-light-3:       #9EA4A8;
  --color-footer:             #0d1117;
  --color-timeline:           #21262d;
  --color-input-text:         #c9d1d9;
  --color-input-background:   #161b22;
  --color-input-toggle-background: #161b22;
  --color-input-border:       #30363d;
  --color-input-border-hover: #00D2BE;
  --color-nav-bg:             #0d1117;
  --color-nav-hover-bg:       #161b22;
  --color-navbar:             #0a0d12;
  --color-navbar-transparent: rgba(13, 17, 23, 0);
  --color-light:              rgba(48, 54, 61, 0.5);
  --color-light-border:       #30363d;
  --color-hover:              rgba(0, 210, 190, 0.06);
  --color-active:             rgba(0, 210, 190, 0.12);
  --color-menu:               #161b22;
  --color-card:               #161b22;
  --color-markup-table-row:   rgba(201, 209, 217, 0.02);
  --color-markup-code-block:  rgba(201, 209, 217, 0.05);
  --color-markup-code-inline: #1a2a28;
  --color-button:             #161b22;
  --color-code-bg:            #0d1117;
  --color-code-sidebar-bg:    #161b22;
  --color-shadow:             rgba(10, 13, 18, 0.3);
  --color-tooltip-bg:         #161b22;
  --color-tooltip-text:       var(--color-text);
  --color-secondary-bg:       #161b22;
  --color-text-focus:         #c9d1d9;
  --color-expand-button:      #30363d;
  --color-placeholder-text:   #5a6270;
  --color-editor-line-highlight: rgba(0, 210, 190, 0.08);
  --color-project-board-bg:   var(--color-secondary-light-2);
  --color-caret:              var(--color-text);
  --color-reaction-bg:        rgba(201, 209, 217, 0.07);
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-header-wrapper:     #0a0d12;
  --color-header-wrapper-transparent: rgba(13, 17, 23, 0);
  --color-label-text:         #c9f0ec;
  --color-label-bg:           #0d1117;
  --color-label-hover-bg:     #161b22;
  --color-label-active-bg:    #161b22;
  --color-accent:             var(--color-primary-light-1);
  --color-small-accent:       var(--color-primary-light-5);
  --color-active-line:        #21262d;

  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
}

/* Top teal accent stripe */
#navbar {
  border-top: 2px solid #00D2BE !important;
}

/* Teal selection highlight */
::selection {
  background: rgba(0, 210, 190, 0.25) !important;
}

/* Button contrast fix — teal bg needs dark text */
.ui.ui.ui.button:not(.inverted, .basic).primary,
.ui.ui.ui.button:not(.inverted, .basic).green,
.ui.ui.ui.button:not(.inverted, .basic).teal,
.ui.ui.ui.label:not(.inverted, .basic).primary,
.ui.ui.ui.label:not(.inverted, .basic).green,
.ui.ui.ui.label:not(.inverted, .basic).teal {
  color: #0a0d12;
}

.ui.basic.modal {
  background-color: #0d1117;
}

/* Code syntax — keep readable on dark carbon */
.chroma .k  { color: #00D2BE; }
.chroma .kd { color: #00D2BE; }
.chroma .kr { color: #00D2BE; }
.chroma .kc { color: #9EA4A8; }
.chroma .kt { color: #9EA4A8; }
.chroma .nf { color: #79c0ff; }
.chroma .s, .chroma .s1, .chroma .s2,
.chroma .sa, .chroma .sb, .chroma .sc,
.chroma .sd, .chroma .sh, .chroma .si,
.chroma .ss, .chroma .sx { color: #a6e3a1; }
.chroma .m, .chroma .mb, .chroma .mf,
.chroma .mh, .chroma .mi, .chroma .mo { color: #fab387; }
.chroma .c, .chroma .c1, .chroma .cm,
.chroma .cs, .chroma .ch             { color: #5a6270; }
.chroma .gd { background-color: rgba(243,139,168,0.15); }
.chroma .gi { background-color: rgba(0,210,190,0.12); }

/* Override Gitea font stack with JetBrains Mono */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --fonts-proportional: 'JetBrains Mono', 'Fira Mono', monospace;
  --fonts-monospace: 'JetBrains Mono', 'Fira Mono', monospace;
}

/* === FIX: Readable Active Lines & Highlights === */

/* Monaco Editor (Gitea's main Web Editor) */
.monaco-editor .view-overlays .current-line {
  background-color: rgba(0, 210, 190, 0.2) !important;
  border: none !important;
}

/* CodeMirror (Simple editors / PR Reviews) */
.cm-activeLine {
  background-color: rgba(0, 210, 190, 0.2) !important;
}

/* Gitea File View (when clicking a line number to target it) */
.lines-code .active,
.lines-code .active:hover {
   background-color: rgba(0, 210, 190, 0.2) !important;
}

/* Update text selection to match the same readable opacity */
::selection {
  background: rgba(0, 210, 190, 0.2) !important;
}