/* Imports removed to fix 404s - Gitea loads these internally */

gitea-theme-meta-info {
    --theme-display-name: "Forge";
    --theme-color-scheme: "dark";
}

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

    /* ==============================================
     1. STRICT PALETTE (THE "FORGE" SCALE)
     No random greys. Only these values allowed.
     ============================================== */
    --forge-black: #141414;
    /* Level 0: Background */
    --forge-dark: #1a1a1a;
    /* Level 1: Panels/Inputs */
    --forge-border: #333333;
    /* Level 2: Borders */
    --forge-hover: #252525;
    /* Level 3: Interaction */

    --forge-orange: #E88A1A;
    /* Accent Main */
    --forge-orange-dim: rgba(232, 138, 26, 0.15);

    --forge-text-main: #D9D9D9;
    --forge-text-muted: #888888;

    /* ==============================================
     2. GITEA VARIABLES MAP
     ============================================== */

    /* --- Primary Action (The ONLY Accent) --- */
    --color-primary: var(--forge-orange);
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #d67a0f;
    --color-primary-light-1: #ffb550;
    --color-primary-alpha-10: var(--forge-orange-dim);
    --color-primary-alpha-20: var(--forge-orange-dim);

    /* Kill Blue/Teal defaults */
    --color-blue: var(--forge-orange);
    --color-teal: var(--forge-orange);

    /* --- Surfaces --- */
    --color-body: var(--forge-black);
    --color-box-body: var(--forge-dark);
    --color-box-header: var(--forge-black);
    --color-box-body-highlight: var(--forge-hover);

    --color-nav-bg: var(--forge-black);
    --color-nav-hover-bg: var(--forge-hover);
    --color-footer: var(--forge-black);

    --color-menu: var(--forge-dark);
    --color-card: var(--forge-dark);

    /* --- Inputs --- */
    --color-input-background: var(--forge-dark);
    --color-input-text: #ffffff;
    --color-input-border: var(--forge-border);
    --color-input-border-hover: var(--forge-orange);

    /* --- Text --- */
    --color-text: var(--forge-text-main);
    --color-text-dark: #ffffff;
    --color-text-light: var(--forge-text-muted);
    --color-text-light-2: var(--forge-text-muted);

    /* --- Borders & Secondary --- */
    --color-border: var(--forge-border);
    --color-secondary: var(--forge-border);
    --color-secondary-dark-1: var(--forge-border);

    /* --- States --- */
    --color-active: var(--forge-orange-dim);
    --color-hover: var(--forge-hover);

    --border-radius: 4px;
}

/* ==============================================
   3. CONSISTENCY ENFORCEMENT (User Overrides)
   ============================================== */

/* NAVBAR: Solid Black, Orange Line */
.ui.menu.navbar {
    background: var(--forge-black) !important;
    border-bottom: 1px solid var(--forge-orange) !important;
}

/* SIDEBAR: Match Panel Color */
.ui.vertical.menu,
.ui.settings.menu {
    background: var(--forge-dark) !important;
    border: 1px solid var(--forge-border) !important;
}

.ui.vertical.menu .item:hover {
    color: #fff !important;
    background: var(--forge-hover) !important;
}

.ui.vertical.menu .active.item {
    background: var(--color-active) !important;
    color: var(--forge-orange) !important;
    border-left: 3px solid var(--forge-orange) !important;
    font-weight: bold;
}

/* DROPDOWNS: Clean Dark */
.ui.dropdown .menu,
.ui.popup {
    background: var(--forge-dark) !important;
    border: 1px solid var(--forge-border) !important;
}

.ui.dropdown .menu .item:hover {
    background: var(--forge-hover) !important;
    color: #fff !important;
}

.ui.dropdown .menu .active.item {
    color: var(--forge-orange) !important;
    font-weight: bold;
}

/* BUTTONS: Simple & Strong */
.ui.primary.button,
.ui.green.button {
    background-color: var(--forge-orange) !important;
    color: #000 !important;
    border: 1px solid var(--forge-orange) !important;
    font-weight: 700;
}

.ui.basic.button,
.ui.button {
    background: transparent !important;
    border: 1px solid var(--forge-border) !important;
    color: var(--forge-text-main) !important;
}

.ui.basic.button:hover,
.ui.button:hover {
    border-color: #fff !important;
    color: #fff !important;
}

/* PREVENT GITEA BLUE IN LINKS */
a {
    color: var(--forge-orange);
}

a:hover {
    color: #fff;
    text-decoration: none;
}

/* REPO HEADER & TABS */
.ui.repo-header,
.repository .menu.tabular .item {
    border-bottom: none !important;
}

.repository .menu.tabular {
    border-bottom: 1px solid var(--forge-border) !important;
}

.repository .menu.tabular .active.item {
    border-bottom: 2px solid var(--forge-orange) !important;
    color: #fff !important;
    background: transparent !important;
}

/* TABLE CONSISTENCY */
.ui.table {
    background: var(--forge-dark) !important;
    border: 1px solid var(--forge-border) !important;
}

.ui.table thead th {
    background: var(--forge-black) !important;
    color: var(--forge-text-muted) !important;
}

/* INPUT COMPATIBILITY */
.ui.input input,
.ui.form input {
    background: var(--forge-dark) !important;
    border: 1px solid var(--forge-border) !important;
    color: #fff !important;
}

.ui.input input:focus,
.ui.form input:focus {
    border-color: var(--forge-orange) !important;
}

/* FIX: REPO BUTONS (Watch, Star, Fork) LABELS */
.ui.labeled.button>.label {
    background: var(--forge-dark) !important;
    color: var(--forge-text-main) !important;
    border-color: var(--forge-border) !important;
}

.ui.labeled.button>.button {
    background: var(--forge-black) !important;
    color: var(--forge-text-main) !important;
}

.ui.labeled.button>.button:hover {
    background: var(--forge-hover) !important;
    color: #fff !important;
}

/* =====================================================
   GITEA FIX — NATIVE SELECT / POPUP (Forge Safe)
   ===================================================== */

/* Reset native selects */
.ui.form select {
    all: revert;
    box-sizing: border-box;

    background-color: var(--color-input-background);
    color: var(--color-text);

    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);

    height: 36px;
    line-height: 36px;
    padding: 0 10px;

    font: inherit;
}

/* Prevent popup override on native select menus */
.ui.form select+.ui.popup,
.ui.form .field>.ui.popup {
    background: var(--color-menu) !important;
    border: 1px solid var(--color-border) !important;
    max-height: 300px;
    overflow-y: auto;
}