/* CodigoSH theme — synced with landing page */
@import url("/-/assets/css/theme-forgejo-dark.css");

:root {
  --color-primary: #f0571a;
  --color-primary-dark-1: #e04d12;
  --color-primary-dark-2: #d4400d;
  --color-primary-dark-3: #c0380a;
  --color-primary-dark-4: #a83008;
  --color-primary-dark-5: #902a07;
  --color-primary-light-1: #ff6422;
  --color-primary-light-2: #ff7a3d;
  --color-primary-light-3: #ff8f5a;
  --color-primary-light-4: #ffa477;
  --color-primary-light-5: #ffb997;
  --color-primary-light-6: #ffce b7;
  --color-primary-light-7: #ffe3d7;

  --color-link: #f0571a;
  --color-link-hover: #ff7a3d;

  --color-body: #08080a;
  --color-box-body: #0e0e10;
  --color-box-header: #0e0e10;

  --color-nav-bg: #0c0c0e;
  --color-nav-hover-bg: #16161a;
  --color-header-wrapper: #0c0c0e;
  --color-sidebar-bg: #0c0c0e;

  --color-card: #0e0e10;
  --color-card-bg: #0e0e10;
  --color-box-header-bg: #0e0e10;

  --color-menu-bg: #0c0c0e;
  --color-menu-item-selected-bg: rgba(240, 87, 26, 0.12);
  --color-menu-item-hover-bg: rgba(255, 255, 255, 0.04);

  --color-input-background: #141416;
  --color-input-border: rgba(255,255,255,0.08);
  --color-input-border-hover: rgba(240,87,26,0.4);
  --color-input-text: #e8e8ea;

  --color-button: #141416;
  --color-secondary: #16161a;
  --color-secondary-bg: #16161a;
  --color-secondary-dark-1: #1c1c20;
  --color-secondary-dark-2: #222228;

  --color-text: #b8b8be;
  --color-text-dark: #e8e8ea;
  --color-text-light: #9a9aa2;
  --color-text-light-1: #8a8a92;
  --color-text-light-2: #6a6a72;
  --color-text-light-3: #4a4a52;

  --color-border: rgba(255,255,255,0.07);
  --color-secondary-alpha-30: rgba(255,255,255,0.07);
  --color-light-border: rgba(255,255,255,0.04);

  --color-hover: rgba(255,255,255,0.03);
  --color-active: rgba(240,87,26,0.1);

  --color-label-bg: rgba(240,87,26,0.12);
  --color-label-text: #f0571a;

  --color-accent: #f0571a;
}

/* Body */
body, .full.height, .page-content {
  background: #08080a !important;
}

/* Navbar */
#navbar, .ui.secondary.menu, .navbar {
  background: #0c0c0e !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Cards / boxes / segments */
.ui.segment, .ui.card, .ui.attached.segment,
.repository.file.content, .issue-content,
.ui.attached.header, .ui.attached.table,
.repo-description, .ui.list > .item {
  background: #0e0e10 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* Repo header bar (commits/branches/tags) */
.repository.view .ui.segment,
.repository .ui.segments {
  background: #0e0e10 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* Primary buttons */
.ui.primary.button, .ui.green.button {
  background: #f0571a !important;
  border-color: #f0571a !important;
  color: #fff !important;
}
.ui.primary.button:hover, .ui.green.button:hover {
  background: #ff6422 !important;
}

/* Links */
a { color: #f0571a; }
a:hover { color: #ff7a3d; }

/* Active tab underline */
.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  border-color: #f0571a !important;
  color: #f0571a !important;
}

/* Active menu item */
.ui.menu .active.item {
  color: #f0571a !important;
}

/* Folder/file icons softer */
.repository.file.list .svg.octicon-file-directory-fill,
svg.octicon-file-directory-fill {
  color: #c0470f !important;
}

/* Labels / badges */
.ui.label {
  background: rgba(240,87,26,0.1) !important;
  color: #f0571a !important;
  border-color: rgba(240,87,26,0.2) !important;
}

/* Inputs */
.ui.input input, input[type="text"], input[type="password"],
input[type="email"], textarea, select, .ui.dropdown {
  background: #141416 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #e8e8ea !important;
}
.ui.input input:focus, input:focus, textarea:focus {
  border-color: #f0571a !important;
}

/* Footer */
.page-footer {
  background: #08080a !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.page-footer, .page-footer .item { color: #4a4a52 !important; }
.page-footer a { color: #5a5a62 !important; }
.page-footer a:hover { color: #9a9aa2 !important; }

/* Hover rows */
.repository.file.list tr:hover,
.ui.table tr:hover {
  background: rgba(255,255,255,0.02) !important;
}
