/* ══════════════════════════════════════════════════════════════════════════
   Fokusfalter — Child-Theme zu Ink
   ══════════════════════════════════════════════════════════════════════════

   Liegt in  theme/child_theme/ink/css/style.css  und wird NACH  theme/ink/
   css/style.css geladen, nicht anstelle davon. Hier steht deshalb nur, was
   von Ink abweicht — alles Übrige kommt weiterhin aus dem Original und wird
   von jedem Ink-Update mitgeliefert.

   Enthalten:
     1. selbstgehostete Schriften  (ersetzt Bunny Fonts, siehe header.php)
     2. Palette "Salzwasser & Granat", dunkel und hell
     3. zwei Layoutkorrekturen aus der bisherigen Fassung

   Nicht enthalten und bewusst nicht überschrieben: Layout, Typografie-
   Skalen, Komponenten. Wenn Ink daran etwas verbessert, kommt es an.
   ══════════════════════════════════════════════════════════════════════════ */


/* ── 1. Schriften ────────────────────────────────────────────────────────── */

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Variable.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Variable-LatinExt.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}


/* ── 2. Palette "Salzwasser & Granat" ────────────────────────────────────── */

/* Dunkelmodus — Inks Standard. Die Kontrastwerte hinter den Farben sind
   nachgemessen; wer hier etwas ändert, sollte sie neu prüfen. */
:root {
  --bg: #0F1316;
  --bg-card: #181E22;
  --bg-card-hover: #1F262B;
  --text: #F2EDE4;
  --text-accent: #FFFFFF;
  --text-muted: #D5CFC4;
  --text-darker: #9AA1A8;
  --text-dark: #9AA1A8;          /* in Ink undefiniert (.ink-card-readmore:hover) */
  --link: #46C7D2;               /* 7.6:1 auf dunklem Papier — AAA */
  --link-accent: #88E0E8;
  --spark: #FF6B7E;              /* Granat, dekorativ: Striche und Ränder */
  --spark-text: #FF97A4;         /* Granat, textfähig — 7.0:1 AAA */
  --amber-light: #1F262B;        /* in Ink undefiniert (.column) */
  --border: #2A3138;
  --code-color: #E3DCD0;
  --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
  --card-shadow-default: 0 2px 8px rgba(0, 0, 0, 0.25);
  --font: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --search-input: #46C7D2;
  --search-card-bg-hover: #1F262B;
  --search-overlay-bg: #0F1316;
  --search-card-bg: #181E22;
  --search-accent: #9AA1A8;
  --search-accent-dark: #51565E;
  --search-accent-light: #F2EDE4;
  --search-text: #D5CFC4;
  --search-section-heading: #9AA1A8;
  --search-checkbox-border: rgba(242, 237, 228, 0.25);
}

/* Hellmodus */
[data-theme="light"] {
  --bg: #FAFAF7;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FFFFFF;
  --text: #141A1F;
  --text-accent: #141A1F;
  --text-muted: #2A3138;
  --text-darker: #51565E;
  --text-dark: #51565E;
  --link: #0C5F68;               /* 7.0:1 — exakt auf der AAA-Schwelle */
  --link-accent: #0A515A;
  --spark: #E84A5F;              /* dekorativ — 3.6:1, NICHT als Textfarbe */
  --spark-text: #92192A;         /* textfähiges Granat — 8.4:1 */
  --amber-light: #F2EEE5;
  --border: #D9D5CC;
  --code-color: #1F2A30;
  --card-shadow: 0 4px 16px rgba(20, 26, 31, 0.10);
  --card-shadow-default: 0 1px 3px rgba(20, 26, 31, 0.08);
  --search-input: #0C5F68;
  --search-overlay-bg: #FAFAF7;
  --search-card-bg: #FFFFFF;
  --search-card-bg-hover: #F2EEE5;
  --search-accent: #51565E;
  --search-accent-dark: #2A3138;
  --search-accent-light: #141A1F;
  --search-text: #2A3138;
  --search-section-heading: #51565E;
  --search-checkbox-border: rgba(20, 26, 31, 0.25);
}


/* ── 3. Layoutkorrekturen ────────────────────────────────────────────────── */

/* Der aktive Navigationseintrag bekommt den Granat-Strich statt des
   neutralen — der einzige Ort, an dem der Spark im Chrom auftaucht. */
.ink-nav a.is-active {
  color: var(--text);
  background-image: linear-gradient(var(--spark), var(--spark));
  background-size: 100% 3px;
}

/* Kartenbild: Ink setzt den Randversatz auf -1.75rem, das Padding der Karte
   beträgt aber 1rem — das Bild ragte über die Karte hinaus. */
.ink-card-image,
.ink-project-card-image { margin: -1rem -1rem 1rem; }