@import url("/assets/css/theme-forgejo-dark.css");

/* lsf theme: AMOLED black with a pink accent. Token layout follows the Luau design system. */
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 100; font-display: fallback; src: url("../fonts/BuilderSans-Thin.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 100; font-display: fallback; src: url("../fonts/BuilderSans-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 300; font-display: fallback; src: url("../fonts/BuilderSans-Light.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 300; font-display: fallback; src: url("../fonts/BuilderSans-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 400; font-display: fallback; src: url("../fonts/BuilderSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 400; font-display: fallback; src: url("../fonts/BuilderSans-Italic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 500; font-display: fallback; src: url("../fonts/BuilderSans-Medium.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 500; font-display: fallback; src: url("../fonts/BuilderSans-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 600; font-display: fallback; src: url("../fonts/BuilderSans-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 600; font-display: fallback; src: url("../fonts/BuilderSans-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 700; font-display: fallback; src: url("../fonts/BuilderSans-Bold.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 700; font-display: fallback; src: url("../fonts/BuilderSans-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: normal; font-weight: 800; font-display: fallback; src: url("../fonts/BuilderSans-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Builder Sans"; font-style: italic; font-weight: 800; font-display: fallback; src: url("../fonts/BuilderSans-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Builder Mono"; font-style: normal; font-weight: 300; font-display: fallback; font-variant-ligatures: none; src: url("../fonts/BuilderMono-Light.woff2") format("woff2"); }
@font-face { font-family: "Builder Mono"; font-style: normal; font-weight: 400; font-display: fallback; font-variant-ligatures: none; src: url("../fonts/BuilderMono-Regular.woff2") format("woff2"); }
@font-face { font-family: "Builder Mono"; font-style: normal; font-weight: 700; font-display: fallback; font-variant-ligatures: none; src: url("../fonts/BuilderMono-Bold.woff2") format("woff2"); }

:root {
	--font-sans: "Builder Sans", Arial, sans-serif;
	--font-mono: "Builder Mono", "Courier New", monospace;

	--steel-900: #000000;
	--steel-850: #000000;
	--steel-800: #000000;
	--steel-750: #0f0f10;
	--steel-700: #171718;
	--steel-650: #262628;
	--steel-600: #38383b;
	--steel-550: #56565b;
	--steel-500: #8a8a90;
	--steel-450: #8a8e9c;
	--steel-400: #bcbec8;
	--steel-350: #c8cad1;
	--steel-300: #d5d7dd;
	--steel-250: #e0e1e5;
	--steel-200: #e6e7ea;
	--steel-150: #eeeff1;
	--steel-100: #f7f7f8;

	--color-primary: #e8328c;
	--color-primary-contrast: #ffffff;
	--color-primary-dark-1: #ff5dab;
	--color-primary-dark-2: #ff8cc6;
	--color-primary-dark-3: #ff9ccb;
	--color-primary-dark-4: #ffbfdd;
	--color-primary-dark-5: #ffd9ea;
	--color-primary-dark-6: #ffe9f3;
	--color-primary-dark-7: #fff4f9;
	--color-primary-light-1: #d92b82;
	--color-primary-light-2: #c92577;
	--color-primary-light-3: #a31d63;
	--color-primary-light-4: #7d1650;
	--color-primary-light-5: #62103f;
	--color-primary-light-6: #4a0f2d;
	--color-primary-light-7: #3a0b24;
	--color-primary-alpha-10: #e8328c19;
	--color-primary-alpha-20: #e8328c33;
	--color-primary-alpha-30: #e8328c4b;
	--color-primary-alpha-40: #e8328c66;
	--color-primary-alpha-50: #e8328c80;
	--color-primary-alpha-60: #e8328c99;
	--color-primary-alpha-70: #e8328cb3;
	--color-primary-alpha-80: #e8328ccc;
	--color-primary-alpha-90: #e8328ce1;
	--color-primary-hover: var(--color-primary-light-1);
	--color-primary-active: var(--color-primary-light-2);
	--color-accent: var(--color-primary);
	--color-small-accent: var(--color-primary-light-4);
	--color-highlight-fg: var(--color-primary-dark-2);
	--color-highlight-bg: var(--color-primary-alpha-20);

	--color-red: #e75750;
	--color-orange: #dc6423;
	--color-yellow: #ae800b;
	--color-olive: #0c9b5a;
	--color-green: #0c9b5a;
	--color-teal: #0494b2;
	--color-blue: #e8328c;
	--color-violet: #a766f5;
	--color-purple: #a766f5;
	--color-pink: #e74e90;
	--color-brown: #a47252;
	--color-grey: var(--steel-500);
	--color-black: #000000;
	--color-white: #ffffff;
	--color-pure-black: #000000;

	--color-red-light: #ee978f;
	--color-orange-light: #fa945a;
	--color-yellow-light: #f2ba2a;
	--color-green-light: #1db16a;
	--color-teal-light: #04b6ad;
	--color-blue-light: #ff6fb4;
	--color-violet-light: #b682f7;
	--color-purple-light: #c59cf9;
	--color-pink-light: #ee7ab0;

	--color-body: #000000;
	--color-footer: #000000;
	--color-nav-bg: #000000;
	--color-header-wrapper: #000000;
	--color-header-wrapper-transparent: #00000000;
	--color-secondary-nav-bg: #000000;
	--color-box-header: #0f0f10;
	--color-box-body: #000000;
	--color-box-body-highlight: #0f0f10;
	--color-menu: #0f0f10;
	--color-card: #000000;
	--fancy-card-bg: #0f0f10;
	--fancy-card-border: #262628;
	--color-markup-code-block: #0f0f10;
	--color-markup-code-inline: #171718;
	--color-code-bg: #0f0f10;
	--color-input-background: #0f0f10;
	--color-input-toggle-background: #0f0f10;
	--color-input-border: #262628;
	--color-input-border-hover: #e8328c;
	--color-button: #171718;
	--color-hover: #262628;
	--color-active: #38383b;
	--color-light-border: #262628;
	--color-shadow: #00000000;
	--color-secondary-bg: #0f0f10;
	--color-console-bg: #0f0f10;
	--color-console-border: #262628;
	--color-console-fg: #eeeff1;
	--color-console-fg-subtle: #8a8a90;
	--color-text: #eeeff1;
	--color-text-dark: #ffffff;
	--color-text-light: #d5d7dd;
	--color-text-light-1: #d5d7dd;
	--color-text-light-2: #bcbec8;
	--color-text-light-3: #8a8a90;
	--color-input-text: #f7f7f8;
	--color-tooltip-bg: #000000f0;
	--color-tooltip-text: #ffffff;
	--color-overlay-backdrop: #000000c0;
	--color-label-bg: #171718;
	--color-label-hover-bg: #262628;
	--color-label-active-bg: #38383b;

	--color-info-border: #a31d63;
	--color-info-bg: #3a0b24;
	--color-info-text: #ffd9ea;
	--color-success-border: #0c9b5a;
	--color-success-bg: #004a29;
	--color-success-text: #d0fbe3;
	--color-warning-border: #ae800b;
	--color-warning-bg: #534002;
	--color-warning-text: #fdecc1;
	--color-error-border: #e75750;
	--color-error-bg: #280603;
	--color-error-text: #ffeaead9;

	--fonts-regular: var(--font-sans);
	--fonts-semibold: var(--font-sans);
	--fonts-bold: var(--font-sans);
	--fonts-monospace: var(--font-mono);
}

html,
body,
.full.height,
.ui,
.ui.menu,
.ui.button,
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.header,
.ui.table,
.ui.search,
#navbar,
#footer {
	font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.ui.header {
	font-family: var(--font-sans) !important;
	font-weight: 800;
}

code,
kbd,
pre,
tt,
.chroma,
.CodeMirror,
.cm-editor,
.monaco-editor,
.markup code,
.ui .sha,
.gt-mono,
.font-mono {
	font-family: var(--font-mono) !important;
	font-variant-ligatures: none;
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.attached.segment,
.ui.tabular.menu,
.ui.table,
.ui.form .field .ui.input,
.repository .header-wrapper,
.ui.dropdown .menu {
	border-radius: 0.5rem;
	box-shadow: none !important;
}

.ui.menu,
.ui.segment,
.ui.table,
.ui.card,
.repository.file.list #repo-files-table {
	border-color: #262628;
}

a:not(.ui.button):not(.item) {
	color: #ff5dab;
}

a:not(.ui.button):not(.item):hover {
	color: #e8328c;
}

#navbar-logo img {
	border-radius: 0.25rem;
}