/*
Theme Name: Momentum
Theme URI: https://example.com/momentum
Author: Für Georg Wendt & Wolfgang Wittenburg (Freelens e.V. Hamburg)
Description: Edles, dunkles Block-Theme (Gutenberg / Full Site Editing) für die Fotoausstellung „Momentum". Fokus auf das Bild: Diptychon-Gegenüberstellung (Farbe/S-W), Bildtexte und Audio unter Bildern, dezenter Bildschutz, 404→Startseite-Umleitung. Schnell, barrierearm, SEO-freundlich. Alle Schriften & Farben global im Site-Editor einstellbar.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: momentum
Tags: full-site-editing, block-patterns, photography, art, dark, portfolio, accessibility-ready, translation-ready
*/

/*
  Der Großteil des Stylings kommt aus theme.json (globale Farben/Schriften/Abstände)
  und wird im Site-Editor unter „Design → Stile" bearbeitet.
  Diese Datei enthält nur ergänzende Feinheiten, die theme.json (noch) nicht abbildet.
*/

/* Skip-Link für Barrierefreiheit */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--wp--preset--color--accent);color:#241d10;padding:.7em 1.2em;font-weight:600;}
.skip-link:focus{left:1rem;top:1rem;}

/* Sichtbarer Fokus-Rahmen (Tastaturbedienung) */
:where(a,button,input,textarea,summary,.wp-block-image a):focus-visible{
  outline:2px solid var(--wp--preset--color--accent);
  outline-offset:3px;
}

/* Bildtext-Feinschliff (Caption unter jedem Bild) */
figure.wp-block-image figcaption{
  font-family:var(--wp--preset--font-family--cormorant);
  font-style:italic;
  font-size:var(--wp--preset--font-size--small);
  color:var(--wp--preset--color--muted);
  text-align:center;
  margin-top:.7em;
  letter-spacing:.01em;
}

/* Ruhige Bild-Erscheinung */
.wp-block-image img{display:block;}

/* „Momentum" Wortmarke */
.momentum-mark{font-weight:600;letter-spacing:.46em;text-transform:uppercase;font-size:.8rem;}
.momentum-mark .dot{color:var(--wp--preset--color--accent);}

/* reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}