@import "./theme-forgejo-light.css";

@font-face {
	font-family: "IBM Plex Sans";
	src: url("../fonts/IBMPlexSans.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IM Fell Double Pica";
	src: url("../fonts/IMFellDoublePica-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("../fonts/IBMPlexMono-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("../fonts/IBMPlexMono-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--zinc-50: #fffdf9;
	--zinc-100: #f6f4f0;
	--zinc-150: #ece9e5;
	--zinc-200: #e1ded9;
	--zinc-250: #d5d1cc;
	--zinc-300: #c9c4bf;
	--zinc-350: #bcb7b1;
	--zinc-400: #afaaa3;
	--zinc-450: #a29c95;
	--zinc-500: #948e86;
	--zinc-550: #868078;
	--zinc-600: #787169;
	--zinc-650: #6a625a;
	--zinc-700: #5c534a;
	--zinc-750: #4d443b;
	--zinc-800: #3f352b;
	--zinc-850: #30261b;
	--zinc-900: #21160b;
	--color-primary: #8a2c12;
	--color-primary-contrast: #ffffff;
	--color-primary-dark-1: #802911;
	--color-primary-light-1: #98452e;
	--color-primary-dark-2: #77260f;
	--color-primary-light-2: #a65f4b;
	--color-primary-dark-3: #6d230e;
	--color-primary-light-3: #b47867;
	--color-primary-dark-4: #63200d;
	--color-primary-light-4: #c29184;
	--color-primary-dark-5: #5a1d0c;
	--color-primary-light-5: #d0aba0;
	--color-primary-dark-6: #501a0a;
	--color-primary-light-6: #dec4bd;
	--color-primary-dark-7: #461609;
	--color-primary-light-7: #ecddd9;
	--color-primary-alpha-10: rgba(138, 44, 18, 0.1);
	--color-primary-alpha-20: rgba(138, 44, 18, 0.2);
	--color-primary-alpha-30: rgba(138, 44, 18, 0.3);
	--color-primary-alpha-40: rgba(138, 44, 18, 0.4);
	--color-primary-alpha-50: rgba(138, 44, 18, 0.5);
	--color-primary-alpha-60: rgba(138, 44, 18, 0.6);
	--color-primary-alpha-70: rgba(138, 44, 18, 0.7);
	--color-primary-alpha-80: rgba(138, 44, 18, 0.8);
	--color-primary-alpha-90: rgba(138, 44, 18, 0.9);
	--color-primary-hover: #7c2810;
	--color-primary-active: #71240f;
	--color-accent: #8e2415;
	--color-small-accent: #eededc;
	--color-body: #faf7f1;
	--color-box-body: #fffdf9;
	--color-box-body-highlight: #f6f0e4;
	--color-box-header: #f6f1e8;
	--color-nav-bg: #f2ecdf;
	--color-nav-hover-bg: #e3ddd0;
	--color-secondary-nav-bg: #f6f1e7;
	--color-header-wrapper: #f6f1e7;
	--color-footer: #f2ecdf;
	--color-text: #21160b;
	--color-text-dark: #170f08;
	--color-text-light: #382c1e;
	--color-text-light-1: #4f4232;
	--color-text-light-2: #5f5240;
	--color-text-light-3: #6a5c49;
	--color-placeholder-text: #6a5c49;
	--color-secondary: #ddd2bd;
	--color-secondary-bg: #f6f1e8;
	--color-secondary-hover: #c6bba8;
	--color-secondary-active: #b7ac99;
	--color-secondary-dark-1: #d2c7b2;
	--color-secondary-dark-2: #c6bba8;
	--color-secondary-dark-3: #bbb09d;
	--color-secondary-dark-4: #b0a592;
	--color-secondary-dark-5: #a59a88;
	--color-secondary-dark-6: #998e7d;
	--color-secondary-dark-7: #8e8372;
	--color-secondary-dark-8: #837868;
	--color-secondary-dark-9: #776c5d;
	--color-secondary-dark-10: #6c6152;
	--color-secondary-dark-11: #615648;
	--color-secondary-dark-12: #564b3d;
	--color-secondary-dark-13: #4a3f32;
	--color-secondary-light-1: #e4dbc9;
	--color-secondary-light-2: #ebe3d5;
	--color-secondary-light-3: #f1ece1;
	--color-secondary-light-4: #f8f4ed;
	--color-secondary-alpha-10: rgba(221, 210, 189, 0.1);
	--color-secondary-alpha-20: rgba(221, 210, 189, 0.2);
	--color-secondary-alpha-30: rgba(221, 210, 189, 0.3);
	--color-secondary-alpha-40: rgba(221, 210, 189, 0.4);
	--color-secondary-alpha-50: rgba(221, 210, 189, 0.5);
	--color-secondary-alpha-60: rgba(221, 210, 189, 0.6);
	--color-secondary-alpha-70: rgba(221, 210, 189, 0.7);
	--color-secondary-alpha-80: rgba(221, 210, 189, 0.8);
	--color-secondary-alpha-90: rgba(221, 210, 189, 0.9);
	--color-light-border: #ddd2bd;
	--color-input-background: #fffdf9;
	--color-input-border: #ddd2bd;
	--color-input-border-hover: #b7ac99;
	--color-input-text: #21160b;
	--color-menu: #fffdf9;
	--color-card: #fffdf9;
	--color-button: #f6f1e8;
	--color-hover: rgba(33, 22, 11, 0.1);
	--color-active: rgba(33, 22, 11, 0.1);
	--color-light: rgba(33, 22, 11, 0.0);
	--color-markup-table-row: rgba(33, 22, 11, 0.0);
	--color-markup-code-block: #f6f1e8;
	--color-markup-code-inline: #efe7d6;
	--color-code-bg: #fffdf9;
	--color-label-bg: #efe7d6;
	--color-label-hover-bg: #dfd6c6;
	--color-label-active-bg: #d2caba;
	--color-label-text: #21160b;
	--color-tooltip-bg: #21160b;
	--color-tooltip-text: #fffdf9;
	--color-selection-bg: #e2cac4;
	--color-selection-fg: #21160b;
	--color-caret: #21160b;
	--color-shadow: rgba(33, 22, 11, 0.1);
	--color-timeline: #ddd2bd;
	--color-highlight-bg: #e9ddc6;
	--color-highlight-fg: #21160b;
	--color-red: #8e2415;
	--color-green: #2e6b4f;
	--color-blue: #8a2c12;
	--color-gold: #a8761c;
	--color-yellow: #a8761c;
	--color-orange: #b0601c;
	--color-olive: #2e6b4f;
	--color-success-text: #2e6b4f;
	--color-success-bg: #e0e9e5;
	--color-success-border: #a1bcb0;
	--color-error-text: #8e2415;
	--color-error-bg: #f1e5e3;
	--color-error-border: #cc9c96;
	--color-warning-text: #6d4d12;
	--color-warning-bg: #efe6d6;
	--color-warning-border: #d4ba8e;
	--color-info-text: #8a2c12;
	--color-info-bg: #f1e6e3;
	--color-info-border: #caa094;
	--fonts-proportional: "IBM Plex Sans", system-ui, sans-serif;
	--fonts-monospace: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace, var(--fonts-emoji);
	--border-radius: 4px;
}

.ui.primary.button, .ui.primary.buttons .button {
	background: #8e2415;
	border-color: #8e2415;
	color: #ffffff;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
	background: #7d2012;
}

.octicon-file-directory-fill, .octicon-file-directory-open-fill, .octicon-file-submodule, .octicon-file-symlink-directory {
	color: #a8761c !important;
}

#navbar {
	position: relative;
	border-bottom: 0;
	padding-bottom: 7px;
}

#navbar::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 7px;
	pointer-events: none;
	background: linear-gradient(#120a03, #120a03) 0 0 / 100% 1px no-repeat, linear-gradient(#120a03, #120a03) 0 100% / 100% 1px no-repeat, repeating-linear-gradient(90deg, #1d4f86 0 16px, #e8d49e 16px 18px, #8e2415 18px 34px, #e8d49e 34px 36px, #2e7d5b 36px 52px, #e8d49e 52px 54px, #e0ac3a 54px 70px, #e8d49e 70px 72px);
}

.markup h1, .markup h2, .markup h3, .repo-header .flex-item-title, .page-content .ui.header.dividing {
	font-family: "IM Fell Double Pica", Georgia, serif;
	font-weight: 400;
}

.repo-header .flex-item-title {
	font-size: 22px;
}