@import url("/assets/css/theme-forgejo-light.css");
@import url("/assets/css/theme-forgejo-dark.css") (prefers-color-scheme: dark);
@font-face { font-family: 'Raceway'; src: url('/assets/fonts/TitilliumWeb-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Raceway'; src: url('/assets/fonts/TitilliumWeb-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@media (prefers-color-scheme: dark) {
:root {
 color-scheme: dark;
 --fonts-regular: 'Raceway', sans-serif;
 --color-primary: #ef4444; --color-primary-contrast: #fff;
 --color-primary-hover: #dc2626; --color-primary-active: #b91c1c;
 --color-body: #101112; --color-box-header: #1b1c1e; --color-box-body: #151618;
 --color-box-body-highlight: #242527; --color-nav-bg: #0b0c0d; --color-nav-hover-bg: #242527;
 --color-header-wrapper: #151618; --color-header-wrapper-transparent: #15161800;
 --color-footer: #0b0c0d; --color-menu: #1b1c1e; --color-secondary-bg: #1b1c1e;
 --color-input-background: #101112; --color-input-border: #505154; --color-input-border-hover: #808184;
 --color-input-text: #f5f5f5; --color-text: #e5e5e5; --color-text-dark: #fff;
 --color-text-light: #d4d4d4; --color-text-light-1: #bdbdbd; --color-text-light-2: #a3a3a3;
 --color-secondary: #353638; --color-secondary-hover: #454648; --color-secondary-active: #505154;
}
}
#navbar { min-height: 68px; }
#navbar-logo img { width: 184px; height: 46px; object-fit: contain; }
.ui.primary.button, .user.signin .ui.green.button { background: #dc2626; color: #fff; }
.ui.primary.button:hover, .user.signin .ui.green.button:hover { background: #b91c1c; color: #fff; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #ef4444; outline-offset: 3px; }
.user.signin .ui.container, .user.forgot.password .ui.container { max-width: 480px !important; }
.user.signin .ui.top.attached.header { font-size: 20px; padding: 20px; }
.user.signin .ui.attached.segment { padding: 28px; }
.user.signin .ui.form .field > label { margin-bottom: 8px; }
.user.signin .ui.form .field input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px; }
.user.signin .ui.button { min-height: 42px; }
::selection { background: #b91c1c; color: white; }
@media(max-width: 767px) { #navbar-logo img { width: 144px; height: 40px; } .user.signin .ui.attached.segment { padding: 22px; } }
:root { --color-primary-dark-1: #f87171; }
:root { --color-primary-dark-2: #fca5a5; }
:root { --color-primary-dark-3: #fecaca; }
:root { --color-primary-dark-4: #fee2e2; }
:root { --color-primary-dark-5: #fef2f2; }
:root { --color-primary-dark-6: #fff1f2; }
:root { --color-primary-dark-7: #fff7f7; }
:root { --color-primary-light-1: #dc2626; }
:root { --color-primary-light-2: #b91c1c; }
:root { --color-primary-light-3: #991b1b; }
:root { --color-primary-light-4: #7f1d1d; }
:root { --color-primary-light-5: #701a1a; }
:root { --color-primary-light-6: #5c1616; }
:root { --color-primary-light-7: #451010; }
:root { --color-primary-alpha-10: rgba(239,68,68,0.1); }
:root { --color-primary-alpha-20: rgba(239,68,68,0.2); }
:root { --color-primary-alpha-30: rgba(239,68,68,0.3); }
:root { --color-primary-alpha-40: rgba(239,68,68,0.4); }
:root { --color-primary-alpha-50: rgba(239,68,68,0.5); }
:root { --color-primary-alpha-60: rgba(239,68,68,0.6); }
:root { --color-primary-alpha-70: rgba(239,68,68,0.7); }
:root { --color-primary-alpha-80: rgba(239,68,68,0.8); }
:root { --color-primary-alpha-90: rgba(239,68,68,0.9); }

body, button, input, select, textarea { font-family: 'Raceway', sans-serif !important; }
#navbar-logo img { content: url('/assets/img/raceway-wordmark-light.svg'); }
.user.signin .ui.container > .ui.attached.segment + .ui.top.attached.header { font-size: 16px; padding: 16px; }

.user.signin .ui.checkbox input[type="checkbox"] { min-height: 0; }
#oauth2-login-navigator img { width: 24px; height: 24px; object-fit: contain; }

:root { --color-primary: #dc2626; --color-primary-contrast: #fff; --color-primary-hover: #b91c1c; --color-primary-active: #991b1b; }
@media (prefers-color-scheme: light) {
 :root { color-scheme: light; --color-primary: #b91c1c; --color-body: #f5f5f5; --color-box-header: #fff; --color-box-body: #fff; --color-nav-bg: #fff; --color-footer: #ededed; --color-input-background: #fff; --color-input-text: #202124; --color-input-border: #a3a3a3; --color-text: #202124; --color-text-dark: #101112; --color-text-light: #525252; --color-menu: #fff; --color-secondary-bg: #fafafa; }
}
@media (prefers-color-scheme: dark) { #navbar-logo img { content: url('/assets/img/raceway-wordmark-dark.svg'); } }
