/* ============================================================
   PrintHaus Wiki — Marken-Theme (Optik der Landing)
   Farben/Fonts 1:1 aus vps/landing-printhaus/index.html übernommen.
   ============================================================ */

/* --- Selbst gehostete Fonts (kein Google-Fonts-Call) --- */
@font-face {
  font-family: "Archivo";
  src: url("fonts/archivo-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("fonts/archivo-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("fonts/roboto-mono-latin.woff2") format("woff2");
  font-weight: 100 700;
  font-display: swap;
}

:root {
  --md-text-font: "Archivo";
  --md-code-font: "Roboto Mono";
  --ph-neon: #f0d500;
  --ph-rot: #e8503a;
  --ph-blau: #4a86e8;
}

/* --- Custom Primary (Header) + Accent (Links aktiv/Hover) --- */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #0a1626;
  --md-primary-fg-color--light: #0f1d31;
  --md-primary-fg-color--dark: #071120;
  --md-primary-bg-color: #f2f5fa;
  --md-primary-bg-color--light: #9cb0cb;
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--ph-neon);
  --md-accent-fg-color--transparent: rgba(240, 213, 0, 0.12);
  --md-accent-bg-color: #071120;
  --md-accent-bg-color--light: #0a1626;
}

/* ============================ DARK (slate) ============================ */
[data-md-color-scheme="slate"] {
  --md-hue: 220;
  --md-default-bg-color: #0a1626;
  --md-default-bg-color--light: #0f1d31;
  --md-default-fg-color: #f2f5fa;
  --md-default-fg-color--light: #cdd8e8;
  --md-default-fg-color--lighter: #9cb0cb;
  --md-default-fg-color--lightest: #57708f;
  --md-typeset-color: #f2f5fa;
  --md-typeset-a-color: var(--ph-neon);
  --md-code-bg-color: #0b1a2e;
  --md-code-fg-color: #e7edf6;
  --md-footer-bg-color: #071120;
  --md-footer-bg-color--dark: #050d18;
}

[data-md-color-scheme="slate"] body {
  background:
    radial-gradient(90% 60% at 50% -10%, rgba(74, 134, 232, 0.10), transparent 70%),
    linear-gradient(180deg, #0a1626 0%, #071120 100%);
  background-attachment: fixed;
}

/* ============================ LIGHT (default) ============================ */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f5f7;
  --md-default-bg-color--light: #e9e9ee;
  --md-default-fg-color: #1d1d1f;
  --md-default-fg-color--light: #43434a;
  --md-default-fg-color--lighter: #6e6e73;
  --md-typeset-color: #1d1d1f;
  --md-typeset-a-color: #a08c00;
  --md-code-bg-color: #ececf1;
  --md-code-fg-color: #1d1d1f;
  --md-footer-bg-color: #1d1d1f;
}

/* ============================ Typografie ============================ */
body, input, button, select {
  font-family: "Archivo", "Avenir Next", "Segoe UI", system-ui, sans-serif;
}
.md-typeset code, .md-typeset pre, .md-typeset kbd {
  font-family: "Roboto Mono", "SFMono-Regular", ui-monospace, monospace;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h1 { color: var(--md-default-fg-color); }

/* Header + Titel */
.md-header { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
.md-header__title { font-weight: 700; }
.md-nav__title { font-weight: 700; }

/* Aktiver Nav-Eintrag in Markengelb */
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover { color: var(--ph-neon); }
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link:hover { color: #a08c00; }

/* Tabellen etwas ruhiger */
.md-typeset table:not([class]) {
  border: 1px solid rgba(156, 176, 203, 0.18);
  font-size: 0.76rem;
}
.md-typeset table:not([class]) th {
  background: rgba(74, 134, 232, 0.10);
  font-weight: 700;
}

/* Admonitions in Markenfarben */
.md-typeset .admonition.tip,
.md-typeset details.tip { border-color: var(--ph-neon); }
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background: rgba(240, 213, 0, 0.12);
}
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before { background-color: var(--ph-neon); }

.md-typeset .admonition.warning,
.md-typeset details.warning { border-color: var(--ph-rot); }
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary { background: rgba(232, 80, 58, 0.12); }
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before { background-color: var(--ph-rot); }

/* „Start"-Button-Optik für hervorgehobene Links (.md-button) */
.md-typeset .md-button {
  border-radius: 10px;
  font-weight: 700;
  border-width: 2px;
}
.md-typeset .md-button--primary {
  background: var(--ph-neon);
  color: #0a1626;
  border-color: var(--ph-neon);
}
.md-typeset .md-button--primary:hover {
  background: #ffe21a;
  border-color: #ffe21a;
  color: #0a1626;
}