gitea-theme-meta-info {
    --theme-display-name: "git.burakssen";
}

/* ----------------------------------------------------------
 * git.burakssen
 * Radicle-inspired Gitea theme
 * ---------------------------------------------------------- */

:root {
    --is-dark-theme: true;

    /* Core palette */
    --rad-bg: #0d0d0f;
    --rad-surface: #121214;
    --rad-surface-2: #171719;
    --rad-hover: #1c1c20;

    --rad-border: #29292e;
    --rad-border-strong: #38383f;

    --rad-text: #e6e6e8;
    --rad-muted: #97979f;
    --rad-dim: #67676f;

    --rad-purple: #8f7cff;
    --rad-purple-hover: #a192ff;
    --rad-purple-bg: #211d3d;

    --rad-green: #79c99e;
    --rad-red: #df7279;
    --rad-yellow: #d4b56c;

    --rad-radius: 3px;

    /* Gitea mappings */

    --color-body: var(--rad-bg);
    --color-body-transparent: rgba(13, 13, 15, 0);

    --color-box-header: var(--rad-surface);
    --color-box-body: var(--rad-surface);
    --color-box-header-highlight: var(--rad-surface-2);

    --color-secondary-bg: var(--rad-surface);
    --color-secondary: var(--rad-muted);
    --color-secondary-dark-1: var(--rad-text);
    --color-secondary-dark-2: var(--rad-text);
    --color-secondary-hover: var(--rad-hover);
    --color-secondary-active: var(--rad-hover);

    --color-menu: var(--rad-surface);
    --color-card: var(--rad-surface);

    --color-text: var(--rad-text);
    --color-text-light: var(--rad-muted);
    --color-text-light-1: var(--rad-muted);
    --color-text-light-2: var(--rad-dim);
    --color-text-light-3: var(--rad-dim);

    --color-primary: var(--rad-purple);
    --color-primary-hover: var(--rad-purple-hover);
    --color-primary-active: var(--rad-purple-hover);
    --color-primary-light-1: var(--rad-purple-bg);
    --color-primary-light-2: var(--rad-purple-bg);
    --color-primary-light-3: var(--rad-purple-bg);

    --color-light: var(--rad-surface);
    --color-light-border: var(--rad-border);

    --color-input-background: var(--rad-bg);
    --color-input-border: var(--rad-border);

    --color-navbar: var(--rad-bg);
    --color-footer: var(--rad-bg);

    --color-markup-code-block: var(--rad-surface);

    --fonts-proportional:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --fonts-monospace:
        "IBM Plex Mono",
        "SFMono-Regular",
        "SF Mono",
        Menlo,
        Monaco,
        Consolas,
        monospace;
}

/* ----------------------------------------------------------
 * Global
 * ---------------------------------------------------------- */

body {
    background: var(--rad-bg);
    color: var(--rad-text);
    letter-spacing: -0.005em;
}

a {
    color: var(--rad-text);
}

a:hover {
    color: var(--rad-purple-hover);
}

/* Remove Gitea's softer/card-heavy look */

.ui.segment,
.ui.segments,
.ui.menu,
.ui.card,
.ui.cards > .card,
.ui.message,
.ui.button,
.ui.label,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.selection.dropdown {
    box-shadow: none !important;
    border-radius: var(--rad-radius) !important;
}

/* ----------------------------------------------------------
 * Navbar
 * ---------------------------------------------------------- */

#navbar {
    background: var(--rad-bg) !important;
    border-bottom: 1px solid var(--rad-border);
    min-height: 48px;
}

#navbar .item {
    color: var(--rad-muted) !important;
    font-size: 13px;
}

#navbar .item:hover,
#navbar .item.active {
    background: var(--rad-hover) !important;
    color: var(--rad-text) !important;
}

#navbar-logo img {
    display: none;
}

#navbar-logo::after {
    content: "git.burakssen";
    color: var(--rad-text);
    font-family: var(--fonts-monospace);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

#navbar-logo {
    width: auto !important;
    padding-inline: 14px !important;
}

/* ----------------------------------------------------------
 * Repository header
 * ---------------------------------------------------------- */

.secondary-nav {
    background: var(--rad-bg) !important;
    border-bottom: 1px solid var(--rad-border);
}

.repo-header {
    padding-top: 18px;
    padding-bottom: 14px;
}

.repo-header a {
    font-family: var(--fonts-monospace);
}

.repository .secondary-nav .ui.container {
    max-width: none;
}

.repository .secondary-nav .ui.secondary.pointing.menu {
    border: 0;
}

.repository .secondary-nav .ui.secondary.pointing.menu .item {
    border-radius: 0 !important;
    color: var(--rad-muted);
    font-size: 13px;
}

.repository .secondary-nav .ui.secondary.pointing.menu .active.item {
    color: var(--rad-text) !important;
    border-color: var(--rad-purple) !important;
}

/* ----------------------------------------------------------
 * Buttons
 * ---------------------------------------------------------- */

.ui.button {
    background: var(--rad-surface);
    color: var(--rad-text);
    border: 1px solid var(--rad-border) !important;
    font-weight: 500;
}

.ui.button:hover {
    background: var(--rad-hover);
    color: var(--rad-text);
    border-color: var(--rad-border-strong) !important;
}

.ui.primary.button {
    background: var(--rad-purple) !important;
    color: #0d0d0f !important;
    border-color: var(--rad-purple) !important;
}

.ui.primary.button:hover {
    background: var(--rad-purple-hover) !important;
}

/* ----------------------------------------------------------
 * Inputs
 * ---------------------------------------------------------- */

.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.selection.dropdown {
    background: var(--rad-bg) !important;
    color: var(--rad-text) !important;
    border: 1px solid var(--rad-border) !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
    border-color: var(--rad-purple) !important;
}

/* ----------------------------------------------------------
 * Segments / cards
 * ---------------------------------------------------------- */

.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card {
    background: var(--rad-surface) !important;
    border-color: var(--rad-border) !important;
}

.ui.header {
    color: var(--rad-text);
}

/* ----------------------------------------------------------
 * Repository file list
 * ---------------------------------------------------------- */

.repository.file.list .repo-file-list {
    border: 1px solid var(--rad-border);
    border-radius: var(--rad-radius);
    overflow: hidden;
}

.repository.file.list .repo-file-list tr {
    background: var(--rad-bg);
}

.repository.file.list .repo-file-list tr:hover {
    background: var(--rad-hover);
}

.repository.file.list .repo-file-list td {
    border-color: var(--rad-border) !important;
}

.repository.file.list .repo-file-list a {
    color: var(--rad-text);
}

.repository.file.list .repo-file-list .commit-summary {
    color: var(--rad-muted);
}

/* ----------------------------------------------------------
 * Code
 * ---------------------------------------------------------- */

code,
pre,
.repository .sha,
.commit-id,
.branch-name {
    font-family: var(--fonts-monospace) !important;
}

pre,
.code-view,
.file-view {
    background: var(--rad-bg) !important;
}

.lines-code {
    background: var(--rad-bg) !important;
}

.lines-num {
    background: var(--rad-bg) !important;
    color: var(--rad-dim) !important;
    border-right: 1px solid var(--rad-border);
}

/* ----------------------------------------------------------
 * Markdown
 * ---------------------------------------------------------- */

.markup {
    color: var(--rad-text);
}

.markup h1,
.markup h2,
.markup h3,
.markup h4 {
    color: var(--rad-text);
    border-color: var(--rad-border);
}

.markup code {
    background: var(--rad-surface-2);
    border-radius: 2px;
}

.markup pre {
    border: 1px solid var(--rad-border);
    border-radius: var(--rad-radius);
}

/* ----------------------------------------------------------
 * Tables
 * ---------------------------------------------------------- */

.ui.table {
    background: transparent !important;
    color: var(--rad-text) !important;
    border-color: var(--rad-border) !important;
}

.ui.table tr td,
.ui.table tr th {
    border-color: var(--rad-border) !important;
}

/* ----------------------------------------------------------
 * Labels
 * ---------------------------------------------------------- */

.ui.label {
    background: var(--rad-surface-2);
    color: var(--rad-muted);
    border: 1px solid var(--rad-border);
}

/* ----------------------------------------------------------
 * Dropdowns
 * ---------------------------------------------------------- */

.ui.dropdown .menu {
    background: var(--rad-surface) !important;
    border: 1px solid var(--rad-border) !important;
    box-shadow: none !important;
}

.ui.dropdown .menu > .item {
    color: var(--rad-text) !important;
}

.ui.dropdown .menu > .item:hover {
    background: var(--rad-hover) !important;
}

/* ----------------------------------------------------------
 * Footer
 * ---------------------------------------------------------- */

.page-footer {
    background: var(--rad-bg) !important;
    border-top: 1px solid var(--rad-border);
    color: var(--rad-dim);
    font-size: 12px;
}

/* ----------------------------------------------------------
 * General density
 * ---------------------------------------------------------- */

.ui.container {
    width: min(1380px, calc(100% - 48px));
}

@media (max-width: 767px) {
    .ui.container {
        width: calc(100% - 24px);
    }
}