/*
 * Catppuccin Mocha theme for Forgejo (Re:Edge, git.dxdxffg.dev)
 *
 * 이전 커스텀 테마(theme-tokyo-night-darker.css)는 `@import "theme-dark.css"`를
 * 베이스로 깔고 있었는데, Forgejo가 16.x로 올라오면서 그 파일이
 * theme-forgejo-dark.css / theme-gitea-dark.css로 개명되어 옛 이름은 404가 났다.
 * @import 실패는 브라우저가 조용히 무시하므로 :root의 색상 변수 오버라이드는
 * 그대로 먹어서 "색감은 멀쩡해 보이는" 상태가 됐지만, 베이스가 정의하던
 * `color-scheme: dark`가 통째로 빠져버렸다. 이 프로퍼티가 없으면 브라우저는
 * <select> 팝업 같은 네이티브 폼 컨트롤을 OS/브라우저 기본값(대개 라이트)으로
 * 그리기 때문에 닫힌 선택박스는 다크로 보이다가 펼치면 흰 배경이 튀어나오는
 * "충돌"이 생긴다. --color-input-text 같은 최신 변수 몇 개도 옛 테마엔 없었다.
 *
 * 해결: 지금 실제로 서빙되는 베이스(theme-forgejo-dark.css)를 import해서
 * color-scheme과 최신 변수 세트를 전부 물려받고, 그 위에 Catppuccin Mocha
 * 팔레트로 색상 변수만 덮어쓴다. 이후 Forgejo 업그레이드로 이 베이스 파일명이
 * 또 바뀌면 같은 버그가 재발한다 — 업그레이드 후에는
 *   curl -sI https://git.dxdxffg.dev/assets/css/theme-forgejo-dark.css
 * 로 200이 나오는지 확인할 것 (404면 이 파일의 @import 경로를 새 이름으로 갱신).
 */
@import "theme-forgejo-dark.css";

:root {
  --steel-900: #11111b;
  --steel-850: #181825;
  --steel-800: #1e1e2e;
  --steel-750: #242535;
  --steel-700: #313244;
  --steel-650: #3b3c4f;
  --steel-600: #45475a;
  --steel-550: #4e5165;
  --steel-500: #585b70;
  --steel-450: #6c7086;
  --steel-400: #7f849c;
  --steel-350: #9399b2;
  --steel-300: #a6adc8;
  --steel-250: #b0b8d3;
  --steel-200: #bac2de;
  --steel-150: #c4cce9;
  --steel-100: #cdd6f4;
  --is-dark-theme: true;
  --color-primary: #cba6f7;
  --color-primary-contrast: #11111b;
  --color-primary-dark-1: #d3b3f8;
  --color-primary-dark-2: #d3b3f8;
  --color-primary-dark-3: #dbc1f9;
  --color-primary-dark-4: #dbc1f9;
  --color-primary-dark-5: #e5d2fb;
  --color-primary-dark-6: #e5d2fb;
  --color-primary-dark-7: #f0e6fd;
  --color-primary-light-1: #b392d9;
  --color-primary-light-2: #9a7ebc;
  --color-primary-light-3: #826a9e;
  --color-primary-light-4: #6e5a85;
  --color-primary-light-5: #6e5a85;
  --color-primary-light-6: #554668;
  --color-primary-light-7: #554668;
  --color-primary-alpha-10: #cba6f719;
  --color-primary-alpha-20: #cba6f733;
  --color-primary-alpha-30: #cba6f74b;
  --color-primary-alpha-40: #cba6f766;
  --color-primary-alpha-50: #cba6f780;
  --color-primary-alpha-60: #cba6f799;
  --color-primary-alpha-70: #cba6f7b3;
  --color-primary-alpha-80: #cba6f7cc;
  --color-primary-alpha-90: #cba6f7e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-console-fg: #cdd6f4;
  --color-console-fg-subtle: #a6adc8;
  --color-console-bg: #181825;
  --color-console-border: #45475a;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #45475a;
  --color-console-menu-bg: #313244;
  --color-console-menu-border: #585b70;
  --color-red: #f38ba8;
  --color-red-light: #f5a0b8;
  --color-red-dark-1: #cf768f;
  --color-red-dark-2: #aa6176;
  --color-orange: #fab387;
  --color-orange-light: #fbc19d;
  --color-orange-dark-1: #d49873;
  --color-orange-dark-2: #af7d5e;
  --color-yellow: #f9e2af;
  --color-yellow-light: #fae7bd;
  --color-yellow-dark-1: #d4c095;
  --color-yellow-dark-2: #ae9e7a;
  --color-olive: #d0e2a8;
  --color-olive-light: #d8e7b8;
  --color-olive-dark-1: #b1c08f;
  --color-olive-dark-2: #929e76;
  --color-green: #a6e3a1;
  --color-green-light: #b6e8b2;
  --color-green-dark-1: #8dc189;
  --color-green-dark-2: #749f71;
  --color-teal: #94e2d5;
  --color-teal-light: #a7e7dd;
  --color-teal-dark-1: #7ec0b5;
  --color-teal-dark-2: #689e95;
  --color-blue: #89b4fa;
  --color-blue-light: #9ec2fb;
  --color-blue-dark-1: #7499d4;
  --color-blue-dark-2: #607eaf;
  --color-violet: #b4befe;
  --color-violet-light: #c2cafe;
  --color-violet-dark-1: #99a2d8;
  --color-violet-dark-2: #7e85b2;
  --color-purple: #cba6f7;
  --color-purple-light: #d4b6f8;
  --color-purple-dark-1: #ad8dd2;
  --color-purple-dark-2: #8e74ad;
  --color-pink: #f5c2e7;
  --color-pink-light: #f7cdeb;
  --color-pink-dark-1: #d0a5c4;
  --color-pink-dark-2: #ac88a2;
  --color-brown: #eba0ac;
  --color-brown-light: #efb1bb;
  --color-brown-dark-1: #c88892;
  --color-brown-dark-2: #a47078;
  --color-grey: var(--steel-500);
  --color-black: #11111b;
  --color-grey-light: var(--steel-300);
  --color-black-light: #181825;
  --color-ansi-black: #45475a;
  --color-ansi-red: #f38ba8;
  --color-ansi-green: #a6e3a1;
  --color-ansi-yellow: #f9e2af;
  --color-ansi-blue: #89b4fa;
  --color-ansi-magenta: #f5c2e7;
  --color-ansi-cyan: #94e2d5;
  --color-ansi-white: #bac2de;
  --color-ansi-bright-black: #585b70;
  --color-ansi-bright-red: #f38ba8;
  --color-ansi-bright-green: #a6e3a1;
  --color-ansi-bright-yellow: #f9e2af;
  --color-ansi-bright-blue: #89b4fa;
  --color-ansi-bright-magenta: #f5c2e7;
  --color-ansi-bright-cyan: #94e2d5;
  --color-ansi-bright-white: #a6adc8;
  --color-gold: #fab387;
  --color-white: #ffffff;
  --color-pure-black: #000000;
  --color-diff-removed-word-bg: #6f475c;
  --color-diff-added-word-bg: #52695a;
  --color-diff-removed-row-bg: #443244;
  --color-diff-moved-row-bg: #725750;
  --color-diff-added-row-bg: #364143;
  --color-diff-removed-row-border: #6f475c;
  --color-diff-moved-row-border: #b8866c;
  --color-diff-added-row-border: #52695a;
  --color-diff-inactive: var(--steel-650);
  --color-error-border: #a8657d;
  --color-error-bg: #4d3649;
  --color-error-bg-active: #a8657d;
  --color-error-bg-hover: #a8657d;
  --color-error-text: #f7b4c6;
  --color-success-border: #769e79;
  --color-success-bg: #3c4947;
  --color-success-text: #c5edc2;
  --color-warning-border: #b7a788;
  --color-warning-bg: #554f4e;
  --color-warning-text: #fbeccb;
  --color-info-border: #6987bd;
  --color-info-bg: #394461;
  --color-info-text: var(--steel-100);
  --color-red-badge: #f38ba8;
  --color-red-badge-bg: #f38ba833;
  --color-red-badge-hover-bg: #f38ba866;
  --color-green-badge: #a6e3a1;
  --color-green-badge-bg: #a6e3a133;
  --color-green-badge-hover-bg: #a6e3a166;
  --color-yellow-badge: #f9e2af;
  --color-yellow-badge-bg: #f9e2af33;
  --color-yellow-badge-hover-bg: #f9e2af66;
  --color-orange-badge: #fab387;
  --color-orange-badge-bg: #fab38733;
  --color-orange-badge-hover-bg: #fab38766;
  --color-indicator-offline: #6c7086;
  --color-indicator-offline-20: #6c708633;
  --color-indicator-idle: #a6e3a1;
  --color-indicator-idle-20: #a6e3a133;
  --color-indicator-active: #74c7ec;
  --color-indicator-active-20: #74c7ec33;
  --color-label-text: #cdd6f4;
  --color-tooltip-text: #cdd6f4;
  --color-tooltip-bg: #0e0e16f0;
}