/*
 * AntiQua – Forgejo-Theme für git.antiqua-blockchain.com
 * ------------------------------------------------------
 * Basis ist Forgejos Dark-Theme; hier werden nur Variablen überschrieben. Neue Elemente in
 * künftigen Forgejo-Versionen erben dadurch automatisch passende Farben.
 *
 * Farben wie die Startseite (templates/home.tmpl): Hintergrund #020408, Türkis #00d2b4, Blau #1464ff.
 * Die "steel"-Skala des Dark-Themes speist fast alle Flächen, Rahmen und Texte – sie wird durch
 * Blau-Schwarz-Töne ersetzt. Schrift: Exo 2 (selbst gehostet), Code bleibt klassische Monospace.
 *
 * Nach Forgejo-Hauptversions-Updates prüfen: Variablennamen in theme-forgejo-dark.css.
 */

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

:root {
	/* --- Blau-Schwarz statt Stahlgrau ------------------------------------------------ */
	--steel-900: #020408;
	--steel-850: #05090f;
	--steel-800: #070c13;
	--steel-750: #0b121b;
	--steel-700: #101923;
	--steel-650: #152130;
	--steel-600: #1b2a3a;
	--steel-550: #233546;
	--steel-500: #2c4154;
	--steel-450: #3a5166;
	--steel-400: #4d647a;
	--steel-350: #62798f;
	--steel-300: #7a90a5;
	--steel-250: #94a9bc;
	--steel-200: #afc2d2;
	--steel-150: #c9d8e4;
	--steel-100: #e0ebf3;

	/* --- Primärfarbe Türkis -------------------------------------------------------- */
	--color-primary: #00d2b4;
	--color-primary-contrast: #021a17;
	--color-primary-dark-1: #2ee0c6;
	--color-primary-dark-2: #2ee0c6;
	--color-primary-dark-3: #66ead6;
	--color-primary-dark-4: #66ead6;
	--color-primary-dark-5: #a3f3e6;
	--color-primary-dark-6: #a3f3e6;
	--color-primary-dark-7: #d6fbf5;
	--color-primary-light-1: #00b89e;
	--color-primary-light-2: #009e88;
	--color-primary-light-3: #008572;
	--color-primary-light-4: #006b5c;
	--color-primary-light-5: #006b5c;
	--color-primary-light-6: #005246;
	--color-primary-light-7: #005246;
	--color-primary-alpha-10: #00d2b419;
	--color-primary-alpha-20: #00d2b433;
	--color-primary-alpha-30: #00d2b44b;
	--color-primary-alpha-40: #00d2b466;
	--color-primary-alpha-50: #00d2b480;
	--color-primary-alpha-60: #00d2b499;
	--color-primary-alpha-70: #00d2b4b3;
	--color-primary-alpha-80: #00d2b4cc;
	--color-primary-alpha-90: #00d2b4e1;
	--color-primary-hover: var(--color-primary-dark-1);
	--color-primary-active: var(--color-primary-light-1);

	--color-secondary-alpha-10: #1b2a3a19;
	--color-secondary-alpha-20: #1b2a3a33;
	--color-secondary-alpha-30: #1b2a3a4b;
	--color-secondary-alpha-40: #1b2a3a66;
	--color-secondary-alpha-50: #1b2a3a80;
	--color-secondary-alpha-60: #1b2a3a99;
	--color-secondary-alpha-70: #1b2a3ab3;
	--color-secondary-alpha-80: #1b2a3acc;
	--color-secondary-alpha-90: #1b2a3ae1;

	/* --- Zweitfarbe Blau ------------------------------------------------------------ */
	--color-blue: #1464ff;
	--color-blue-light: #4a88ff;
	--color-blue-dark-1: #0f55e0;
	--color-blue-dark-2: #1464ff;

	/* --- Flächen ---------------------------------------------------------------------- */
	--color-body: var(--steel-800);
	--color-nav-bg: #020408;
	--color-footer: #020408;
	--color-header-wrapper: var(--steel-850);
	--color-header-wrapper-transparent: #05090f00;
	--color-console-bg: #05090f;
	--color-console-border: var(--steel-600);
	--color-console-menu-bg: var(--steel-650);
	--color-console-menu-border: var(--steel-500);
	--color-console-active-bg: var(--steel-600);
	--color-expand-button: var(--steel-600);
	--color-light-border: #00d2b41f;
	--color-overlay-backdrop: #020408d0;
	--color-shadow: #000000a0;

	--color-accent: var(--color-primary);
	--color-small-accent: var(--color-primary-alpha-20);
	--color-highlight-fg: var(--color-primary-dark-3);
	--color-highlight-bg: var(--color-primary-alpha-20);
	--color-reaction-active-bg: var(--color-primary-alpha-30);
	--color-reaction-hover-bg: var(--color-primary-alpha-40);

	/* --- Schrift ---------------------------------------------------------------------- */
	--fonts-proportional: "Exo 2", -apple-system, "Segoe UI", system-ui, "Noto Sans", Roboto, "Helvetica Neue", Arial;
	--fonts-monospace: ui-monospace, "Cascadia Mono", SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--fonts-emoji);
}

/* --- Feinschliff ------------------------------------------------------------------------ */

/* Navigation wie die Startseite: fast schwarz mit dezenter türkiser Kante */
#navbar {
	border-bottom: 1px solid #00d2b426;
	box-shadow: 0 1px 24px #00d2b40d;
}

/* Textmarkierung und Fokus */
::selection {
	background: #00d2b44d;
	color: #fff;
}
:focus-visible {
	outline-color: var(--color-primary);
}

/* Überschriften etwas kräftiger – Exo 2 wirkt bei 400 schmal */
h1, h2, h3, .ui.header {
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* Scrollbalken */
* {
	scrollbar-color: var(--steel-550) var(--steel-850);
}

/* Primär-Knöpfe: kräftiger Hover mit leichtem Leuchten */
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
	box-shadow: 0 0 0 1px #00d2b44d, 0 0 16px #00d2b433;
}

/* Kopfbereich eines Repos: feine Trennlinie in Markenfarbe */
.secondary-nav {
	border-bottom-color: #00d2b41f !important;
}

/* --- Syntax-Farben (Chroma) in Markenfarben ----------------------------------------------
   Kontrast auf dem Code-Hintergrund #0b121b jeweils > 7:1, Kommentare > 4.5:1. */
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .cs, .chroma .cpf { color: #7a90a5; font-style: italic; }
.chroma .cp { color: #7a90a5; }
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .na, .chroma .nt { color: #2ee0c6; }
.chroma .kt, .chroma .nc, .chroma .nn { color: #7fb2ff; }
.chroma .nf, .chroma .fm, .chroma .nx { color: #8ab4ff; }
.chroma .nb, .chroma .bp { color: #56d4e6; }
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .sx, .chroma .dl { color: #a8e6a1; }
.chroma .se, .chroma .si, .chroma .ss, .chroma .sr { color: #c3f0b8; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .il { color: #d7a8ff; }
.chroma .o, .chroma .ow { color: #9fb3c8; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi, .chroma .no { color: #e0ebf3; }
.chroma .nd { color: #ffc66d; }