/* ─── rum.dev forge theme — tier 1 reskin ───
   Layered on top of forgejo-dark via custom header.tmpl.
   Touches color tokens, fonts, hairlines, footer hide, grain. */

:root,
:root.theme-forgejo-dark,
:root.theme-forgejo-auto {
	/* primary — saffron */
	--color-primary: #ff6a1f;
	--color-primary-contrast: #0a0907;
	--color-primary-dark-1: #f5631d;
	--color-primary-dark-2: #e85a17;
	--color-primary-dark-3: #d65010;
	--color-primary-dark-4: #c04600;
	--color-primary-dark-5: #aa3d00;
	--color-primary-light-1: #ff7e3d;
	--color-primary-light-2: #ff925c;
	--color-primary-light-3: #ffa67a;
	--color-primary-light-4: #ffba99;
	--color-primary-light-5: #ffceb8;
	--color-primary-light-6: #ffe2d8;
	--color-primary-light-7: #fff0e8;
	--color-primary-alpha-10: #ff6a1f1a;
	--color-primary-alpha-20: #ff6a1f33;
	--color-primary-alpha-30: #ff6a1f4d;
	--color-primary-alpha-40: #ff6a1f66;
	--color-primary-alpha-50: #ff6a1f80;
	--color-primary-alpha-60: #ff6a1f99;
	--color-primary-alpha-70: #ff6a1fb3;
	--color-primary-alpha-80: #ff6a1fcc;
	--color-primary-alpha-90: #ff6a1fe6;

	/* surfaces — warm near-black */
	--color-body: #0a0907;
	--color-box-header: #1c1814;
	--color-box-body: #14110d;
	--color-box-body-highlight: #221c16;
	--color-card: #14110d;
	--color-menu: #14110d;
	--color-navbar: #14110d;
	--color-secondary-bg: #1c1814;

	/* text — warm cream */
	--color-text: #f1ead8;
	--color-text-light: #d8cfba;
	--color-text-light-1: #c0b8a3;
	--color-text-light-2: #9a917f;
	--color-text-light-3: #7a6f5e;
	--color-text-dark: #fff8e7;
	--color-placeholder-text: #7a6f5e;

	/* borders & lines — hairlines */
	--color-light-border: #3d342a;
	--color-secondary: #2a241d;
	--color-secondary-dark-1: #2a241d;
	--color-secondary-dark-2: #3d342a;
	--color-secondary-dark-3: #4a4337;
	--color-secondary-dark-4: #7a6f5e;
	--color-secondary-light-1: #3d342a;
	--color-secondary-light-2: #4a4337;
	--color-secondary-light-3: #7a6f5e;
	--color-secondary-light-4: #9a917f;
	--color-secondary-alpha-30: #2a241d4d;
	--color-secondary-alpha-40: #2a241d66;
	--color-secondary-alpha-50: #2a241d80;
	--color-secondary-alpha-60: #2a241d99;
	--color-secondary-alpha-70: #2a241db3;
	--color-secondary-alpha-80: #2a241dcc;
	--color-secondary-alpha-90: #2a241de6;

	/* interactive */
	--color-light: #1c1814;
	--color-light-mimic-enabled: #1c1814;
	--color-hover: #221c16;
	--color-active: #2a241d;
	--color-button: #1c1814;

	/* inputs */
	--color-input-background: #0a0907;
	--color-input-toggle-background: #1c1814;
	--color-input-text: #f1ead8;
	--color-input-border: #3d342a;
	--color-input-border-hover: #ff6a1f;

	/* shadows / overlays */
	--color-shadow: rgba(0, 0, 0, 0.6);
	--color-overlay-backdrop: rgba(8, 6, 4, 0.85);

	/* fonts */
	--fonts-regular: "Fraunces", Georgia, "Times New Roman", serif;
	--fonts-monospace: "DM Mono", ui-monospace, "Courier New", monospace;
	--fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Twemoji", sans-serif;

	/* status colors — tuned to play nicely with warm bg */
	--color-success: #b8c994;
	--color-success-dark-1: #a3b67e;
	--color-success-light: #cdd9b1;
	--color-warning: #f0b657;
	--color-warning-dark-1: #d99e3f;
	--color-warning-light: #f5cd84;
	--color-red: #f07a7a;
	--color-error: #f07a7a;
	--color-error-dark-1: #e15858;
	--color-error-light: #f5a4a4;
	--color-info: #7eb3d6;
	--color-info-dark-1: #6699bf;
	--color-info-light: #a6c8de;
}

/* ── Base body ── */
body {
	font-family: var(--fonts-regular);
	font-variation-settings: "opsz" 24;
	-webkit-font-smoothing: antialiased;
}

/* ── Subtle paper grain ── */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
	opacity: 0.05;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ── Headings — italic editorial Fraunces ── */
h1, h2, h3, h4,
.ui.header,
.repo-header .repo-title,
.repository .header,
.dashboard .header {
	font-family: var(--fonts-regular);
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.015em;
	font-variation-settings: "opsz" 96;
}

/* ── Mono everywhere code lives ── */
code, pre, kbd, samp,
.commit-id-short,
.code-view, .code-block,
.CodeMirror,
.monaco-editor,
.markup tt,
.markup code {
	font-family: var(--fonts-monospace);
}

/* ── Brand text in nav ── */
.ui.menu .item.brand .text,
nav#navbar .brand,
.navbar .brand {
	font-family: var(--fonts-regular);
	font-style: italic;
	letter-spacing: -0.01em;
	font-size: 1.15em;
}

/* ── Buttons — flat, mono labels, sharp corners ── */
.ui.button {
	font-family: var(--fonts-monospace);
	font-size: 0.85em;
	letter-spacing: 0.02em;
	border-radius: 2px;
	font-weight: 400;
}

.ui.primary.button {
	background: var(--color-primary);
	color: var(--color-primary-contrast);
	font-weight: 500;
}
.ui.primary.button:hover {
	background: var(--color-primary-light-1);
	color: var(--color-primary-contrast);
}

/* ── Hairline borders ── */
.ui.menu,
.ui.segment,
.ui.card,
.ui.attached.menu,
.repository.file.list .repo-button-row,
.tabular.menu .item {
	border-color: var(--color-light-border);
}

/* ── Links pick up the saffron ── */
a {
	color: var(--color-primary-light-1);
}
a:hover {
	color: var(--color-primary);
}

/* ── Tabs — underline on active instead of chunky highlight ── */
.ui.tabular.menu .active.item {
	border-bottom-color: var(--color-primary);
	color: var(--color-text);
}

/* ── Footer — gone (per user request) ── */
footer.page-footer,
footer#footer,
.page-footer {
	display: none !important;
}

/* ── Code blocks: warmer background, matching hairline border ── */
pre.code-block,
.code-view {
	background: var(--color-box-body) !important;
	border-color: var(--color-light-border) !important;
}

/* ── Inputs ── */
.ui.input input,
.ui.form input,
.ui.form textarea {
	background: var(--color-input-background);
	color: var(--color-input-text);
	border-color: var(--color-input-border);
	font-family: var(--fonts-monospace);
}
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
	border-color: var(--color-primary);
}