/* ============================================================
   git.vadym.ai — VADYM.AI skin for Forgejo
   Values taken 1:1 from vai-design-system/tokens.css. Do not
   invent colours here: if something is missing, add it to the
   design system first and copy it down.

   Goal: a page a stranger lands on from a bonus link and can
   copy the code from in one move. Everything that is not
   "read this / copy this" is removed.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800&display=swap');

:root {
  --va-brand:   #6B4DFF;
  --va-brand-6: #5436E8;
  --va-brand-7: #3F27B0;
  --va-tint:    #EFEAFF;
  --va-ink:     #111317;
  --va-body:    #5B6472;
  --va-muted:   #8A93A2;
  --va-border:  #E6EAF0;
  --va-surface: #F5F7FB;
  --va-radius:  14px;
  --va-radius-l:20px;
  --va-pill:    999px;
  --va-shadow:  0 14px 30px -22px rgba(17, 40, 90, .30);
}

/* ---------- Typography ---------- */
body, .ui, .ui.menu, .markdown, button, input, textarea, select {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body { color: var(--va-body); background: var(--va-surface); }
h1, h2, h3, h4, .markdown h1, .markdown h2, .markdown h3 { color: var(--va-ink) !important; font-weight: 800 !important; }
a, .ui.link, .markdown a { color: var(--va-brand); }
a:hover { color: var(--va-brand-6); }

/* ---------- Wordmark instead of the Forgejo logo ----------
   The design system has no image logo — the mark is typographic,
   VADYM.AI at weight 800. So it is set, not linked. */
#navbar-logo img, #navbar-logo svg { display: none !important; }
#navbar-logo::after {
  content: 'VADYM.AI';
  font-weight: 800; font-size: 20px; letter-spacing: -.02em;
  color: var(--va-ink);
}
#navbar-logo:hover::after { color: var(--va-brand); }

/* ---------- Strip what a visitor has no use for ----------
   Issues, pull requests, actions, packages, projects, releases,
   wiki, activity: all off for a bonus repo. The tab bar that
   survives is Code, and that is the whole point of the page. */
.overflow-menu-items a[href$="/issues"],
.overflow-menu-items a[href$="/pulls"],
.overflow-menu-items a[href*="/actions"],
.overflow-menu-items a[href$="/packages"],
.overflow-menu-items a[href$="/projects"],
.overflow-menu-items a[href$="/releases"],
.overflow-menu-items a[href$="/wiki"],
.overflow-menu-items a[href$="/activity"],
.repo-buttons,                 /* watch / star / fork */
.repository-summary,           /* language bar */
footer.page-footer { display: none !important; }

/* The navbar's own clutter — but never the user menu, or an admin
   cannot reach the admin. */
.navbar-left .item:not(#navbar-logo) { display: none !important; }

/* ---------- Repo header ---------- */
.repo-header {
  background: #fff; border-bottom: 1px solid var(--va-border);
  padding-block: 18px;
}
.repo-header .name a, .repo-title a { color: var(--va-ink) !important; font-weight: 700; }
#repo-desc { color: var(--va-body); font-size: 16px; }

/* ---------- The clone panel is the call to action ---------- */
.clone-panel {
  border: 1px solid var(--va-border) !important;
  border-radius: var(--va-radius) !important;
  box-shadow: var(--va-shadow);
  background: #fff;
}
.clone-panel input, #repo-clone-url {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  color: var(--va-ink) !important; border: 0 !important;
}
.clone-panel .ui.button, .clone-panel .button {
  background: var(--va-brand) !important; color: #fff !important;
  border-radius: var(--va-pill) !important; font-weight: 600 !important;
}
.clone-panel .ui.button:hover { background: var(--va-brand-6) !important; }

/* ---------- Cards and the README ---------- */
.repository.file.list #repo-files-table,
.ui.segment, .ui.attached.segment, .repo-home-sidebar-top, .markdown-body, .file-view {
  border-radius: var(--va-radius) !important;
  border-color: var(--va-border) !important;
}
.ui.attached.header, .ui.top.attached.header {
  background: var(--va-surface) !important; border-color: var(--va-border) !important;
  color: var(--va-ink) !important; font-weight: 600 !important;
}
.markdown code, .markdown pre {
  border-radius: 10px !important; background: var(--va-surface) !important;
}
.markdown blockquote { border-left: 3px solid var(--va-brand) !important; color: var(--va-body); }
.markdown table th { background: var(--va-surface) !important; color: var(--va-ink) !important; }

/* ---------- Buttons ---------- */
.ui.primary.button, .ui.green.button {
  background: var(--va-brand) !important; border-radius: var(--va-pill) !important;
  font-weight: 600 !important;
}
.ui.primary.button:hover, .ui.green.button:hover { background: var(--va-brand-6) !important; }
.ui.basic.button { border-radius: var(--va-pill) !important; }

/* ---------- Dates are not shown to anyone ----------
   See templates/custom/header.tmpl for why. */
relative-time, .time-since { display: none !important; }

/* ---------- Last of the noise ----------
   The per-file commit-message column repeats the same string down the whole
   list, and code search is not a thing anyone does on a one-folder bonus.
   Both are pure visual cost on the page someone lands on from a link. */
#repo-files-table .message.nine.wide,
#repo-files-table .message-wrapper,
form[data-test-tag="codesearch"] { display: none !important; }

/* The latest-commit strip keeps the author and the hash, which is fine, but it
   should read as a caption rather than as a row of the table. */
.latest-commit, .commit-summary { color: var(--va-muted) !important; font-size: 13px; }

/* Hiding the message column leaves its width allocated, so the file list ends
   half way across the card. Give the name column the space back. */
#repo-files-table .name.four.wide,
#repo-files-table td.name { width: auto !important; }
#repo-files-table { width: 100% !important; table-layout: auto !important; }