/*
 * Everlast Consulting - Gitea Dark Theme
 * Based on Everlast Styling Guidelines
 * Colors: Black #000000, Accent Yellow #faef70, White #ffffff
 */

:root {
  /* === Primary Colors === */
  --color-primary: #faef70;
  --color-primary-contrast: #000000;
  --color-primary-dark-1: #e1d764;
  --color-primary-dark-2: #c8bf59;
  --color-primary-dark-3: #afa74d;
  --color-primary-dark-4: #968f42;
  --color-primary-dark-5: #7d7737;
  --color-primary-dark-6: #645f2b;
  --color-primary-dark-7: #4b4720;
  --color-primary-light-1: #fbf17d;
  --color-primary-light-2: #fbf38b;
  --color-primary-light-3: #fcf598;
  --color-primary-light-4: #fdf7a5;
  --color-primary-light-5: #fdf9b3;
  --color-primary-light-6: #fefbc0;
  --color-primary-light-7: #fefdd9;
  --color-primary-alpha-10: rgba(250, 239, 112, 0.1);
  --color-primary-alpha-20: rgba(250, 239, 112, 0.2);
  --color-primary-alpha-30: rgba(250, 239, 112, 0.3);
  --color-primary-alpha-40: rgba(250, 239, 112, 0.4);
  --color-primary-alpha-50: rgba(250, 239, 112, 0.5);
  --color-primary-alpha-60: rgba(250, 239, 112, 0.6);
  --color-primary-alpha-70: rgba(250, 239, 112, 0.7);
  --color-primary-alpha-80: rgba(250, 239, 112, 0.8);
  --color-primary-alpha-90: rgba(250, 239, 112, 0.9);

  /* === Text Colors === */
  --color-text: #cccccc;
  --color-text-dark: #ffffff;
  --color-text-light: #aaaaaa;
  --color-text-light-1: #999999;
  --color-text-light-2: #888888;
  --color-text-light-3: #777777;

  /* === Background / Body === */
  --color-body: #000000;
  --color-box-body: #0a0a0a;
  --color-box-body-highlight: #111111;

  /* === Navigation === */
  --color-nav-bg: #050505;
  --color-nav-text: #ffffff;
  --color-nav-hover-bg: #1a1a1a;

  /* === Surfaces / Cards === */
  --color-card: #0d0d0d;
  --color-menu: #0d0d0d;
  --color-secondary-bg: #0a0a0a;
  --color-secondary-dark-1: #111111;
  --color-secondary-dark-2: #1a1a1a;
  --color-secondary-dark-3: #222222;
  --color-secondary-dark-4: #2a2a2a;
  --color-secondary-dark-5: #333333;
  --color-secondary-dark-6: #3a3a3a;
  --color-secondary-dark-7: #444444;
  --color-secondary-light-1: #0d0d0d;
  --color-secondary-light-2: #111111;
  --color-secondary-light-3: #151515;
  --color-secondary-light-4: #1a1a1a;

  /* === Inputs / Forms === */
  --color-input-background: #0a0a0a;
  --color-input-text: #cccccc;
  --color-input-border: #333333;
  --color-input-border-hover: #555555;

  /* === Borders === */
  --color-secondary-dark-1: #1a1a1a;
  --color-border: #222222;
  --color-light-border: #1a1a1a;

  /* === Shadows === */
  --color-shadow: rgba(0, 0, 0, 0.6);

  /* === Labels / Misc === */
  --color-label-text: #cccccc;
  --color-label-bg: #1a1a1a;
  --color-placeholder-text: #555555;
  --color-highlight-bg: rgba(250, 239, 112, 0.15);
  --color-highlight-fg: #faef70;

  /* === Accent Colors (secondary system colors) === */
  --color-red: #ff6b6b;
  --color-orange: #ffa552;
  --color-yellow: #faef70;
  --color-green: #51cf66;
  --color-cyan: #66d9ef;
  --color-blue: #74b9ff;
  --color-purple: #b48eff;
  --color-pink: #f783ac;

  /* === Code / Syntax === */
  --color-code-bg: #0d0d0d;
  --color-code-sidebar-bg: #050505;

  /* === Diff Colors === */
  --color-diff-removed-word-bg: rgba(255, 107, 107, 0.3);
  --color-diff-added-word-bg: rgba(81, 207, 102, 0.3);
  --color-diff-removed-row-bg: rgba(255, 107, 107, 0.1);
  --color-diff-moved-row-bg: rgba(116, 185, 255, 0.1);
  --color-diff-added-row-bg: rgba(81, 207, 102, 0.1);
  --color-diff-removed-row-border: rgba(255, 107, 107, 0.2);
  --color-diff-added-row-border: rgba(81, 207, 102, 0.2);
  --color-diff-inactive: #333333;

  /* === Button Colors === */
  --color-button-primary-bg: #faef70;
  --color-button-primary-text: #000000;
  --color-button-primary-border: #faef70;

  /* === Gitea-specific overrides === */
  color-scheme: dark;
}

/* === Force body background === */
body {
  background-color: #000000 !important;
  color: #cccccc !important;
}

/* === Navbar styling === */
.ui.secondary.pointing.menu,
nav.navbar,
#navbar,
.navbar {
  background-color: #050505 !important;
}

/* === Primary buttons === */
.ui.primary.button,
.ui.primary.buttons .button,
a.ui.primary.button {
  background-color: #faef70 !important;
  color: #000000 !important;
  border-color: #faef70 !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
a.ui.primary.button:hover {
  background-color: #fbf38b !important;
  color: #000000 !important;
}

/* === Secondary / Basic buttons === */
.ui.basic.button,
.ui.secondary.button {
  background-color: transparent !important;
  color: #cccccc !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.ui.basic.button:hover,
.ui.secondary.button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

/* === Negative / Red buttons === */
.ui.red.button,
.ui.negative.button {
  background-color: #c0392b !important;
  color: #ffffff !important;
}

/* === Green buttons === */
.ui.green.button,
.ui.positive.button {
  background-color: #27ae60 !important;
  color: #ffffff !important;
}

/* === Segments / Cards === */
.ui.segment,
.ui.segments .segment,
.ui.attached.segment {
  background-color: #0a0a0a !important;
  border-color: #222222 !important;
}

/* === Forms & Inputs === */
.ui.input input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.form select,
.ui.selection.dropdown {
  background-color: #0a0a0a !important;
  color: #cccccc !important;
  border-color: #333333 !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: #faef70 !important;
  background-color: #0a0a0a !important;
}

/* === Dropdowns === */
.ui.dropdown .menu,
.ui.selection.dropdown .menu {
  background-color: #0d0d0d !important;
  border-color: #222222 !important;
}

.ui.dropdown .menu > .item,
.ui.selection.dropdown .menu > .item {
  color: #cccccc !important;
  border-color: #1a1a1a !important;
}

.ui.dropdown .menu > .item:hover,
.ui.selection.dropdown .menu > .item:hover {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* === Tables === */
.ui.table {
  background-color: #0a0a0a !important;
  color: #cccccc !important;
  border-color: #222222 !important;
}

.ui.table thead th {
  background-color: #0d0d0d !important;
  color: #ffffff !important;
  border-color: #222222 !important;
}

.ui.table tbody td {
  border-color: #1a1a1a !important;
}

.ui.table tbody tr:hover {
  background-color: #111111 !important;
}

/* === Tabs / Menu === */
.ui.tabular.menu .item {
  color: #aaaaaa !important;
  border-color: #222222 !important;
}

.ui.tabular.menu .active.item {
  color: #ffffff !important;
  background-color: #0a0a0a !important;
  border-color: #222222 !important;
  border-bottom-color: #0a0a0a !important;
}

/* === Labels === */
.ui.label {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
}

/* === Messages === */
.ui.message {
  background-color: #0d0d0d !important;
  color: #cccccc !important;
  border-color: #222222 !important;
}

.ui.info.message {
  background-color: rgba(116, 185, 255, 0.1) !important;
  color: #74b9ff !important;
  border-color: rgba(116, 185, 255, 0.3) !important;
}

.ui.success.message,
.ui.positive.message {
  background-color: rgba(81, 207, 102, 0.1) !important;
  color: #51cf66 !important;
  border-color: rgba(81, 207, 102, 0.3) !important;
}

.ui.error.message,
.ui.negative.message {
  background-color: rgba(255, 107, 107, 0.1) !important;
  color: #ff6b6b !important;
  border-color: rgba(255, 107, 107, 0.3) !important;
}

.ui.warning.message {
  background-color: rgba(250, 239, 112, 0.1) !important;
  color: #faef70 !important;
  border-color: rgba(250, 239, 112, 0.3) !important;
}

/* === Modals === */
.ui.modal,
.ui.modal > .header,
.ui.modal > .content,
.ui.modal > .actions {
  background-color: #0d0d0d !important;
  color: #cccccc !important;
}

/* === Popup === */
.ui.popup {
  background-color: #0d0d0d !important;
  color: #cccccc !important;
  border-color: #222222 !important;
}

/* === Dimmer === */
.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

/* === Pagination === */
.ui.pagination.menu .item {
  color: #cccccc !important;
  background-color: #0d0d0d !important;
  border-color: #222222 !important;
}

.ui.pagination.menu .active.item {
  background-color: #faef70 !important;
  color: #000000 !important;
}

/* === Repository list === */
.repository-item,
.repo-list-item {
  border-color: #1a1a1a !important;
}

/* === Footer === */
.page-footer,
footer,
.footer {
  background-color: #050505 !important;
  color: #aaaaaa !important;
  border-color: #1a1a1a !important;
}

/* === Links === */
a {
  color: #faef70;
}

a:hover {
  color: #fbf38b;
}

/* === Header text === */
h1, h2, h3, h4, h5, h6,
.header {
  color: #ffffff !important;
}

/* === Scrollbar === */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555555;
}

/* === Selection === */
::selection {
  background-color: rgba(250, 239, 112, 0.3);
  color: #ffffff;
}

/* === Loading bar === */
.loading-indicator,
#nprogress .bar {
  background-color: #faef70 !important;
}

/* === Markdown === */
.markup h1, .markup h2, .markup h3 {
  border-color: #222222 !important;
}

.markup code {
  background-color: #1a1a1a !important;
  color: #faef70 !important;
}

.markup pre {
  background-color: #0d0d0d !important;
  border-color: #222222 !important;
}

.markup blockquote {
  border-left-color: #faef70 !important;
  color: #aaaaaa !important;
}

.markup table th {
  background-color: #0d0d0d !important;
}

.markup table td,
.markup table th {
  border-color: #222222 !important;
}