/* ucore for Gitea 1.25.3. Loaded after the selected user theme. */
@import url("./theme-gitea-dark.css");
gitea-theme-meta-info { --theme-display-name: "ucore Dark"; }
:root, :root[data-theme] {
 color-scheme: dark;
 --is-dark-theme: true;
 --color-primary: #1687ef;
 --color-primary-dark-1: #0d79d9;
 --color-primary-dark-2: #086ac1;
 --color-primary-dark-3: #065da9;
 --color-primary-dark-4: #064e8b;
 --color-primary-dark-5: #083a65;
 --color-primary-dark-6: #0c253e;
 --color-primary-dark-7: #101c2c;
 --color-primary-light-1: #3498f3;
 --color-primary-light-2: #55a9f7;
 --color-primary-light-3: #7bbbfa;
 --color-primary-light-4: #a5d1fc;
 --color-primary-light-5: #c7e3fd;
 --color-primary-light-6: #e1f0ff;
 --color-primary-light-7: #f1f8ff;
 --color-primary-alpha-10: #1687ef19;
 --color-primary-alpha-20: #1687ef33;
 --color-primary-alpha-30: #1687ef4d;
 --color-primary-alpha-40: #1687ef66;
 --color-primary-alpha-50: #1687ef80;
 --color-primary-alpha-60: #1687ef99;
 --color-primary-alpha-70: #1687efb3;
 --color-primary-alpha-80: #1687efcc;
 --color-primary-alpha-90: #1687efe6;
 --color-body: #090e16;
 --color-box-body: #101925;
 --color-box-header: #152131;
 --color-nav-bg: #0d141f;
 --color-nav-hover-bg: #182638;
 --color-menu: #111b29;
 --color-card: #111b29;
 --color-input-background: #0b131f;
 --color-input-text: #e6edf7;
 --color-input-border: #33465e;
 --color-input-border-hover: #4a6585;
 --color-active: #20324b;
 --color-hover: #172538;
 --color-secondary: #2d3d52;
 --color-secondary-dark-1: #3a4e68;
 --color-secondary-light-1: #26364b;
 --color-secondary-light-2: #203047;
 --color-secondary-light-3: #1c2b40;
 --color-secondary-light-4: #18263a;
 --color-secondary-light-5: #152131;
 --color-secondary-light-6: #121c2a;
 --color-secondary-light-7: #101925;
 --color-secondary-light-8: #0e1722;
 --color-secondary-light-9: #0c141e;
 --color-secondary-light-10: #090e16;
 --color-text: #e6edf7;
 --color-text-dark: #f5f8fc;
 --color-text-light: #b8c6da;
 --color-text-light-1: #a5b5cb;
 --color-text-light-2: #91a4bf;
 --color-text-light-3: #8398b4;
 --color-light: #ffffff08;
 --color-light-border: #ffffff12;
 --color-shadow: #00000060;
 --color-link: #6cb8ff;
 --color-footer: #0d141f;
 --border-radius: 8px;
 --fonts-proportional: "Segoe UI", Inter, system-ui, sans-serif;
}
body { background: var(--color-body); }
#navbar { border-bottom: 1px solid #26364b; box-shadow: 0 3px 20px #0003; }
#navbar .item { border-radius: 7px; }
.ui.primary.button { color: #fff; background: #0669c4; border: 1px solid #1985e8; border-radius: 8px; }
.ui.primary.button:hover { background: #0878df; }
.ui.button { border-radius: 8px; }
.ui.segment, .ui.segments, .ui.card { border-color: #2d3d52; }
.ui.header { color: #e6edf7; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #68b9ff; outline-offset: 3px; }
/* Keep all server-rendered form fields, errors, SSO, passkeys and MFA untouched. */
.page-content.user { background: radial-gradient(ellipse at 15% 25%, #0c345240, transparent 55%), #090e16; }
.page-content.user .ui.container { padding-top: 32px; padding-bottom: 32px; }
.page-content.user .ui.form { border-radius: 14px; }
.page-content.user.signin .ui.container, .page-content.user.signup .ui.container { position: relative; }
.page-content.user.signin .ui.container::before, .page-content.user.signup .ui.container::before {
 content: ""; display: block; width: 76px; height: 82px; margin: 0 auto 22px;
 background: url("../img/ucore/mark.svg") center / contain no-repeat;
}
.page-content.user .ui.attached.segment { background: #101925; }
.page-content.user .ui.top.attached.header { background: #152131; border-top: 3px solid #1687ef; padding: 22px; }
/* Stock dashboard, menus, activity feed and repository Vue components stay intact. */
.page-content.dashboard { background: radial-gradient(ellipse at 85% 0, #0d345040, transparent 45%); }
.dashboard .ui.segment, .dashboard .ui.segments { box-shadow: 0 8px 24px #0002; }
.dashboard .ui.secondary.menu .active.item { background: #173653; color: #a8d6ff; }
.dashboard .ui.header { letter-spacing: -.02em; }
.dashboard .feeds .news { padding-top: 18px; padding-bottom: 18px; }
/* Branded homepage */
.ucore-home { max-width: 1320px; margin: auto; padding: 64px 40px 72px; }
.ucore-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ucore-eyebrow { color: #6cb8ff; font-size: 11px; letter-spacing: .19em; font-weight: 700; margin-bottom: 28px; }
.ucore-hero h1 { font-size: clamp(36px, 4.3vw, 64px); line-height: 1.08; letter-spacing: -.055em; margin: 0 0 24px; color: #f0f5fc; }
.ucore-hero h1 span { color: #6cb8ff; }
.ucore-lead { font-size: 17px; line-height: 1.8; color: #a5b5cb; max-width: 440px; }
.ucore-actions { margin-top: 28px; }
.ucore-actions .button { padding: 15px 24px; }
.ucore-hero-note { margin-top: 28px; font-size: 12px; color: #91a4bf; letter-spacing: .08em; }
.ucore-hero-art { position: relative; overflow: hidden; border-radius: 20px; border: 1px solid #33465e; background: #101925; box-shadow: 0 24px 70px #0006; }
.ucore-hero-art img { display: block; width: 100%; aspect-ratio: 1.08; object-fit: cover; }
.ucore-art-caption { position: absolute; bottom: 0; padding: 32px 24px 24px; width: 100%; background: linear-gradient(transparent, #090e16e6); color: #c7d6e8; font-size: 13px; }
.ucore-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 64px; }
.ucore-feature-grid article { background: #101925; border: 1px solid #2d3d52; border-radius: 14px; padding: 28px; }
.ucore-feature-no { color: #6cb8ff; font-size: 10px; letter-spacing: .16em; font-weight: 700; }
.ucore-feature-grid h2 { font-size: 21px; letter-spacing: -.025em; margin: 20px 0 12px; }
.ucore-feature-grid p { color: #a5b5cb; line-height: 1.75; margin: 0; }
@media(max-width:900px) { .ucore-home { padding: 36px 24px; } .ucore-hero { gap: 30px; } .ucore-feature-grid article { padding: 20px; } }
@media(max-width:680px) { .ucore-hero, .ucore-feature-grid { grid-template-columns: 1fr; } .ucore-hero-art img { aspect-ratio: 1.4; } .ucore-feature-grid { margin-top: 32px; } .ucore-hero h1 { font-size: 42px; } }
@media(prefers-reduced-motion:reduce) { .ucore-home * { scroll-behavior: auto; } }

/* Eigen logo links */
#navbar #navbar-logo {
  display: flex;
  align-items: center;
  width: 150px;
  min-height: 54px;
  background: url("../img/ucore/wordmark.svg") left center / 140px auto no-repeat;
}

#navbar #navbar-logo img {
  visibility: hidden;
}

/* Explore, Help en Register verbergen */
#navbar a[href*="/explore"],
#navbar a[href^="https://docs.gitea.com"],
#navbar a[href$="/user/sign_up"] {
  display: none !important;
}

/* Leesbare invoervelden */
.ui.form input:not([type="checkbox"]):not([type="radio"]),
.ui.form textarea {
  background-color: #0b131f !important;
  color: #e6edf7 !important;
  caret-color: #e6edf7;
  border-color: #33465e !important;
}

.ui.form input::placeholder,
.ui.form textarea::placeholder {
  color: #a5b5cb !important;
  opacity: 1;
}

/* Automatisch ingevulde velden in Chrome en Edge */
.ui.form input:-webkit-autofill,
.ui.form input:-webkit-autofill:hover,
.ui.form input:-webkit-autofill:focus,
.ui.form textarea:-webkit-autofill {
  -webkit-text-fill-color: #e6edf7 !important;
  -webkit-box-shadow: 0 0 0 1000px #0b131f inset !important;
  box-shadow: 0 0 0 1000px #0b131f inset !important;
  caret-color: #e6edf7;
}
/* Tekst leesbaar houden bij autocomplete en autofill */
#user_name,
#password,
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"] {
  color: #e6edf7 !important;
  -webkit-text-fill-color: #e6edf7 !important;
  caret-color: #e6edf7 !important;
  background-color: #0b131f !important;
  box-shadow: inset 0 0 0 1000px #0b131f !important;
}

.ui.form input:is(:autofill, :-webkit-autofill) {
  color: #e6edf7 !important;
  -webkit-text-fill-color: #e6edf7 !important;
  caret-color: #e6edf7 !important;
  box-shadow: inset 0 0 0 1000px #0b131f !important;
}