/* Marke der Website: EINE Quelle für Farben, Schriften und den Fuß.
 *
 * Jede Seite unter landing/ (Start, Preise, Videos, Rechtstexte, 404 und die
 * generierten Praxiswissen-Seiten) lädt diese Datei VOR ihrem eigenen Stil und
 * definiert keine dieser Marken selbst. Vorher trug jede Seite eine Kopie, und
 * die Kopien liefen auseinander: ein eigenes Text-Rosé statt Rosé tief, ein
 * eigenes helles Rosé, alte Gewerkfarben mit grünem Sanitär, ein zweiter Fuß
 * in den Praxiswissen-Seiten (bereinigt 2026-10-15).
 *
 * Herkunft der Werte, geprüft von web/src/__tests__/website-marke.test.ts:
 *   Rosé, Rosé tief, Rosé hell  brand/build-logo.mjs (rose, roseTief, roseHell),
 *                               dieselben Werte wie --accent-pop(-deep) der App
 *   Gewerkfarben                web/src/lib/gewerkColors.ts (Produktpalette)
 * Wer hier einen Wert ändert, ändert ihn dort, nicht umgekehrt. */

:root{
  --paper:#f4f1ea; --paper-2:#ece7da; --card:#fdfcf8;
  --ink:#0c1b2a; --ink-soft:#445566; --ink-faint:#58657b;
  --line:#ddd7cc; --line-soft:#e7e2d6;

  /* Rosé: --pop für Punkte, Kanten, Flächen und Display-Kursive; als kleine
     Schrift auf Papier trägt es zu wenig Kontrast (4,0:1), dafür ist
     --pop-text da (Rosé tief, 6,4:1). --pop-hell ist Rosé als Schrift auf
     Tinte (6,9:1), --pop-hauch der Rosé-Schimmer hervorgehobener Flächen. */
  --pop:#c7577c; --pop-soft:rgba(199,87,124,.10);
  --pop-text:#a13659; --pop-hell:#e08aa6; --pop-hauch:#faf2f5;

  /* „In Ordnung", „läuft", Haken. Nicht Sanitär: Sanitär ist blau. */
  --ok:#2e9e7a; --ok-text:#237a56;

  /* Gewerke, wie im Produkt */
  --g-heizung:#c03d3d; --g-lueftung:#2c98c9; --g-klima:#26a5ba;
  --g-sanitaer:#3c69cb; --g-elektro:#d2932a; --g-msr:#8664d3;

  --radius:14px;
  --shadow-card:0 1px 2px rgba(12,27,42,.05),0 8px 28px rgba(12,27,42,.07);
  --shadow-pop:0 2px 6px rgba(12,27,42,.10),0 26px 64px rgba(12,27,42,.17);
  --font-body:'Inter',system-ui,sans-serif;
  --font-display:'Spectral',Georgia,serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}

/* ============ Fuß als Schriftfeld (ISO 7200, augenzwinkernd) ============
   Das Markup kommt aus landing/_tools/fuss.mjs. */
.schriftfeld{border:1.5px solid var(--ink);border-radius:3px;background:var(--card);margin-bottom:34px;overflow:hidden}
.sf-row{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr}
.sf-cell{padding:10px 16px 12px;border-left:1px solid var(--line)}
.sf-cell:first-child{border-left:none}
.sf-cell .k{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px}
.sf-cell .v{font-size:13.5px;font-weight:600;color:var(--ink)}
.sf-rev{border-top:1px solid var(--ink);padding:8px 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-soft);display:flex;gap:18px;flex-wrap:wrap}
.sf-rev b{color:var(--pop-text);font-weight:500}
@media (max-width:700px){.sf-row{grid-template-columns:1fr 1fr}.sf-cell:nth-child(3){border-left:none;border-top:1px solid var(--line)}.sf-cell:nth-child(4){border-top:1px solid var(--line)}.sf-cell:first-child{grid-column:1/-1;border-bottom:1px solid var(--line)}}

footer{border-top:1px solid var(--line);padding:46px 0 36px;background:var(--paper-2);position:relative;z-index:2}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:21px;color:var(--ink)}
.foot .brand svg{flex:none}
.foot .brand i{font-style:normal;color:var(--pop-text)}
.foot-links{display:flex;gap:26px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap}
.foot-links a:hover{color:var(--ink)}
.foot-legal{font-size:12.5px;color:var(--ink-faint);margin:0}

/* Logo „Autodesk Authorized Developer" (ADN-Mitgliedschaft, docs/ADN-VORTEILE.md).
   Autodesk-Vorgabe: Original unverändert, nur proportional skalieren, waagerecht,
   Schutzraum rundum mindestens 1,5 x die x-Höhe der Logoschrift. Bei 48 px Höhe
   sind das rund 9 px, das Padding gibt 12 px. */
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px 32px;flex-wrap:wrap;margin-top:10px}
.adn-logo{display:block;height:48px;width:auto;padding:12px;box-sizing:content-box;margin-right:-12px}
@media (max-width:700px){.adn-logo{margin-left:-12px;margin-right:0}}

/* Tap-Ziele: dieselbe Optik, aber ~44 px Trefferfläche */
@media (max-width:600px){
  .foot-links{gap:0 26px}
  .foot-links a{padding:12px 0;display:inline-block}
}