/* Gitea 1.21: preserve the built-in dark syntax and status colors. */
@import url("/assets/css/theme-arc-green.css");

:root {
    color-scheme: dark;
    --is-dark-theme: true;
    --color-primary: #d4a574;
    --color-primary-dark-1: #dfb98f;
    --color-primary-dark-2: #e9cda9;
    --color-primary-dark-3: #f2dfc6;
    --color-primary-dark-4: #f8ebda;
    --color-primary-dark-5: #fbf2e8;
    --color-primary-dark-6: #fdf8f2;
    --color-primary-dark-7: #fffdf9;
    --color-primary-light-1: #c39565;
    --color-primary-light-2: #af8255;
    --color-primary-light-3: #94704d;
    --color-primary-light-4: #785b3f;
    --color-primary-light-5: #59432e;
    --color-primary-light-6: #3b2c1e;
    --color-primary-light-7: #1c1510;
    --color-primary-alpha-10: #d4a57419;
    --color-primary-alpha-20: #d4a57433;
    --color-primary-alpha-30: #d4a5744b;
    --color-primary-alpha-40: #d4a57466;
    --color-primary-alpha-50: #d4a57480;
    --color-primary-alpha-60: #d4a57499;
    --color-primary-alpha-70: #d4a574b3;
    --color-primary-alpha-80: #d4a574cc;
    --color-primary-alpha-90: #d4a574e1;
    --color-primary-contrast: #171b22;
    --color-primary-hover: #dfb98f;
    --color-primary-active: #c39565;
    --color-body: #10151c;
    --color-box-header: #232933;
    --color-box-body: #171d26;
    --color-box-body-highlight: #202732;
    --color-text-dark: #f0e7da;
    --color-text: #e0d7cb;
    --color-text-light: #c9c1b5;
    --color-text-light-1: #b8b0a4;
    --color-text-light-2: #a6a095;
    --color-text-light-3: #99958c;
    --color-text-focus: #fff6e8;
    --color-footer: #11161d;
    --color-input-text: #f0e7da;
    --color-input-background: #10151c;
    --color-input-toggle-background: #394250;
    --color-input-border: #586374;
    --color-input-border-hover: #94704d;
    --color-header-wrapper: #171d26;
    --color-menu: #171d26;
    --color-nav-bg: #171d26;
    --color-nav-hover-bg: #2d3035;
    --color-hover: #d4a57414;
    --color-active: #d4a57424;
    --color-light: #00000028;
    --color-light-border: #94704d66;
    --color-shadow: #00000070;
    --color-accent: #d4a574;
    --color-active-line: #3b3328;
    --color-console-bg: #10151c;
    --color-console-fg: #e0d7cb;
    --color-console-border: #394250;
    --color-console-menu-bg: #171d26;
    --color-console-menu-border: #586374;
    --unterwelt-border: #94704d;
}

body {
    background:
        radial-gradient(ellipse at top, #29303a66, transparent 65%),
        var(--color-body);
}

#navbar {
    background: linear-gradient(90deg, #10151c, #232933 50%, #10151c);
    border-bottom: 2px solid var(--unterwelt-border);
    box-shadow: 0 6px 22px #00000050;
}

#navbar .ui.menu .item {
    color: var(--color-text);
}

#navbar .ui.menu .item:hover,
#navbar .ui.menu .active.item {
    color: var(--color-primary);
    background: var(--color-primary-alpha-10);
}

#navbar-logo img,
.home .logo {
    filter: sepia(1) saturate(.8) brightness(1.2);
}

.home > div:first-child {
    position: relative;
    width: calc(100% - 48px);
    margin: 36px auto 28px;
    padding: 38px 24px;
    max-width: 1120px;
    background:
        repeating-linear-gradient(112deg, #ffffff03 0 1px, transparent 1px 6px),
        radial-gradient(ellipse at 50% 0, #94704d33, transparent 65%),
        linear-gradient(135deg, #11161d, #252b35 50%, #11161d);
    border: 4px double var(--unterwelt-border);
    border-radius: 16px 16px 6px 6px;
    box-shadow: inset 0 0 0 5px #10151c, 0 16px 40px #00000060;
}

.home .logo {
    width: 108px;
    height: 108px;
    margin-bottom: 12px;
}

.home .hero .title {
    color: var(--color-primary);
    font: 600 clamp(26px, 4vw, 42px)/1.2 Georgia, "Times New Roman", serif;
    text-shadow: 0 3px 12px #00000080;
}

.home .hero h2 {
    color: var(--color-text-light);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

.home .ui.page.grid {
    width: calc(100% - 48px);
    max-width: 1120px;
    margin: 0 auto;
    padding: 30px 0 0;
}

.home .ui.page.grid > .column {
    padding: 24px;
}

.home .ui.grid .hero {
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 600;
}

.home a,
.home .hero .svg {
    color: var(--color-primary);
}

.home a:hover {
    color: var(--color-primary-hover);
}

.home .ui.grid .large {
    color: var(--color-text-light);
    font-size: 15px;
    line-height: 1.75;
}

.ui.attached.header {
    background: linear-gradient(90deg, #1b212a, #262c35);
    border-color: #94704d80;
}

.ui.segment,
.ui.attached.segment,
.ui.table,
.ui.menu {
    border-color: #94704d66;
}

.ui.segment {
    box-shadow: 0 5px 18px #00000020;
}

.ui.primary.button,
.ui.primary.buttons .button {
    font-weight: 600;
    box-shadow: inset 0 1px 0 #ffffff24, 0 3px 9px #00000030;
}

.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"],
.ui.form textarea {
    border-radius: 5px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
}

footer {
    border-top: 1px solid #94704d66;
    background: var(--color-footer);
}

.theme-unterwelt .unterwelt-design-credit {
    color: var(--color-primary);
    white-space: nowrap;
}

@media (max-width: 767px) {
    .home > div:first-child {
        width: calc(100% - 24px);
        margin: 20px 12px;
        padding: 28px 16px;
    }

    .home .logo {
        width: 84px;
        height: 84px;
    }

    .home .ui.page.grid {
        width: calc(100% - 24px);
    }

    .home .ui.page.grid > .column {
        padding: 18px 24px;
    }
}