/* ── CW Dark global theme for Gitea ─────────────────────────────────────────
 *
 * Install path: $GITEA_CUSTOM/public/assets/css/theme-cw-dark.css
 * Reference in app.ini: [ui] DEFAULT_THEME = cw-dark
 *
 * Palette:
 *   Background:  #121212
 *   Surface:     #202020
 *   Border:      #303030
 *   Accent:      #268BD2  (Solarized Blue)
 *   Text:        #eeeeee
 *   Muted:       #909090
 * ─────────────────────────────────────────────────────────────────────────── */

:root {
  --color-primary:          #268BD2;
  --color-primary-dark-1:   #207ab8;
  --color-primary-dark-2:   #1a6ba6;
  --color-primary-light-1:  #4aa3dd;
  --color-primary-light-2:  #70b8e6;
  --color-primary-light-3:  #9fceec;
  --color-primary-alpha-10: rgba(38,139,210,0.10);
  --color-primary-alpha-20: rgba(38,139,210,0.20);
  --color-placeholder-text: #505050;
  --color-text:             #eeeeee;
  --color-text-light-1:     #c0c0c0;
  --color-text-light-2:     #909090;
  --color-text-light-3:     #606060;
  --color-border:           #303030;
  --color-border-dark:      #404040;
  --color-input-background: #1a1a1a;
  --color-background:       #121212;
  --color-body:             #121212;
  --color-sidebar:          #181818;
  --color-card:             #202020;
  --color-navbar:           #1a1a1a;
  --color-navbar-text:      #eeeeee;
  --color-footer:           #1a1a1a;
  --color-highlight:        rgba(38,139,210,0.15);
  --color-active:           #268BD2;
  --color-red:              #e74c3c;
  --color-green:            #2ecc71;
  --color-orange:           #e67e22;
  --color-teal:             #1abc9c;
  --color-menu:             #202020;
  --color-sub-nav:          #181818;
  --color-timeline-border:  #303030;
}

/* ── Base ────────────────────────────────────────────────────────────────── */
body {
  background-color: var(--color-background) !important;
  color: var(--color-text) !important;
}

/* ── Navigation bar ──────────────────────────────────────────────────────── */
.ui.menu.navbar,
#navbar {
  background: var(--color-navbar) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
.repository.file.list #repo-files-table,
.sidebar { background: var(--color-sidebar) !important; }

/* ── Cards & panels ──────────────────────────────────────────────────────── */
.ui.segment,
.ui.card,
.repository-list .item,
.explore.repos .item {
  background: var(--color-card) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ── Inputs ──────────────────────────────────────────────────────────────── */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
textarea,
select,
.ui.input input,
.CodeMirror {
  background: var(--color-input-background) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px rgba(38,139,210,0.15) !important;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.ui.primary.button,
.ui.green.button {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}
.ui.primary.button:hover { background-color: var(--color-primary-dark-1) !important; }

/* ── Links ───────────────────────────────────────────────────────────────── */
a { color: var(--color-primary) !important; }
a:hover { color: var(--color-primary-light-1) !important; }

/* ── Tables ──────────────────────────────────────────────────────────────── */
table thead th {
  background: var(--color-card) !important;
  color: var(--color-text-light-2) !important;
  border-bottom: 1px solid var(--color-border) !important;
}
table tbody tr:hover { background: var(--color-highlight) !important; }
table td { border-color: var(--color-border) !important; }

/* ── File tree / code ────────────────────────────────────────────────────── */
.repository.file.list .code-view { background: #1a1a1a !important; }
.hljs, pre, code { background: #272822 !important; color: #f8f8f2 !important; }

/* ── Diff view ───────────────────────────────────────────────────────────── */
.diff-file-box { background: var(--color-card) !important; border-color: var(--color-border) !important; }
.lines-num { background: #181818 !important; color: var(--color-text-light-3) !important; }
.added { background: rgba(46,204,113,0.08) !important; }
.deleted { background: rgba(231,76,60,0.08) !important; }

/* ── Labels / badges ─────────────────────────────────────────────────────── */
.ui.label {
  background: var(--color-card) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text-light-2) !important;
}

/* ── Active nav item ─────────────────────────────────────────────────────── */
.ui.menu .active.item,
.ui.secondary.menu .active.item {
  color: var(--color-primary) !important;
  border-bottom: 2px solid var(--color-primary) !important;
  background: transparent !important;
}

/* ── Dividers ────────────────────────────────────────────────────────────── */
.ui.divider { border-color: var(--color-border) !important; }

/* ── Footer ──────────────────────────────────────────────────────────────── */
#footer { background: var(--color-footer) !important; border-top: 1px solid var(--color-border) !important; }

/* ── Scrollbar ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #303030; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-primary); }