@import "./theme-forgejo-dark.css";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;600&display=swap");

:root {
  --fonts-regular: "Inter", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", sans-serif;
  --color-primary: #d9f461;
  --color-primary-contrast: #14292a;
  --color-primary-dark-1: #e4f98a; --color-primary-dark-2: #eafba5; --color-primary-dark-3: #effcbb;
  --color-primary-dark-4: #f3fdcb; --color-primary-dark-5: #f7fedb; --color-primary-dark-6: #fbffec; --color-primary-dark-7: #fdfff5;
  --color-primary-light-1: #c4df4f; --color-primary-light-2: #a9c23f; --color-primary-light-3: #8ea434;
  --color-primary-light-4: #74862a; --color-primary-light-5: #5b6a21; --color-primary-light-6: #435019; --color-primary-light-7: #2d3711;
  --color-primary-alpha-10: #d9f46119; --color-primary-alpha-20: #d9f46133; --color-primary-alpha-30: #d9f4614d;
  --color-primary-alpha-40: #d9f46166; --color-primary-alpha-50: #d9f46180; --color-primary-alpha-60: #d9f46199;
  --color-primary-alpha-70: #d9f461b3; --color-primary-alpha-80: #d9f461cc; --color-primary-alpha-90: #d9f461e6;
  --color-body: #132a2b;
  --color-box-header: #1a3637;
  --color-box-body: #1e3c3c;
  --color-box-body-highlight: #234646;
  --color-nav-bg: #0f2223;
  --color-nav-hover-bg: #1e3c3c;
  --color-nav-text: #f6f3ef;
  --color-header-wrapper: #132a2b;
  --color-footer: #0f2223;
  --color-menu: #1a3637;
  --color-card-bg: #1e3c3c;
  --color-input-background: #163031;
  --color-input-border: #2f5555;
  --color-input-text: #f6f3ef;
  --color-text: #f6f3ef;
  --color-text-dark: #ffffff;
  --color-text-light: #cfd8d2;
  --color-text-light-1: #b8c6bf;
  --color-text-light-2: #9db0a8;
  --color-text-light-3: #7f968d;
  --color-secondary: #2f5555;
  --color-secondary-dark-1: #3a6666; --color-secondary-dark-2: #457777; --color-secondary-dark-3: #508888;
  --color-secondary-light-1: #254646; --color-secondary-light-2: #1d3a3a; --color-secondary-light-3: #173031;
  --color-border: #2f5555;
  --color-accent: #d9f461;
  --color-small-accent: #d9f4612e;
  --color-active-line: #d9f46122;
  --color-shadow: #00000050;
  --color-console-bg: #0f2223;
  --color-code-bg: #163031;
  --color-markup-table-row: #d9f46108;
}

body { font-family: var(--fonts-regular); letter-spacing: .005em; }

/* ---- Header: replace the default mark by the full Belancer logo ---- */
#navbar { border-bottom: 1px solid #2f5555; box-shadow: none; }
#navbar .navbar-left > a#navbar-logo { width: 132px; height: 26px; margin-right: 14px;
  background: url("/assets/img/belancer-wordmark.svg") no-repeat left center / contain; }
#navbar .navbar-left > a#navbar-logo img { display: none; }
#navbar .item.active, #navbar .item:hover { background: #1e3c3c; border-radius: 8px; }

/* ---- Buttons, inputs, boxes ---- */
.ui.primary.button, .ui.primary.buttons .button { background: #d9f461; color: #14292a; font-weight: 600; border-radius: 8px; }
.ui.primary.button:hover { background: #e4f98a; color: #14292a; }
.ui.button, .ui.dropdown, .ui.input input, .ui.form input, .ui.form textarea, .ui.selection.dropdown { border-radius: 8px; }
.ui.segment, .ui.attached.segment, .ui.attached.header, .ui.card { border-radius: 12px; }
.ui.top.attached.header { background: #1a3637; }
.ui.menu .active.item { color: #d9f461; }
a { color: #d9f461; } a:hover { color: #eafba5; }
.ui.label.primary, .ui.primary.label { background: #d9f461; color: #14292a; }

/* ---- Sign-in / sign-up pages ---- */
.page-content.user.signin, .page-content.user.signup { background: radial-gradient(900px 400px at 50% -10%, #1e3c3c, #132a2b); }
.page-content.user.signin .ui.attached.header, .page-content.user.signup .ui.attached.header { background: transparent; border: 0; font-size: 1.3rem; }

/* ---- Footer: show only Belancer text ---- */
.page-footer { border-top: 1px solid #2f5555; }
.page-footer .left-links, .page-footer .right-links, .page-footer .left-links * { font-size: 0; }
.page-footer .left-links a, .page-footer .right-links > *:not(.ui.dropdown) { display: none; }
.page-footer .left-links::before { content: "© Belancer · Private code hosting"; font-size: 13px; color: #9db0a8; }