/* =======================================================================
   THEMA A2 - Kontor
   Serifen-Überschriften, weiche Formen, Burgunder — wie ein Katalog

   Ueberschreibt Token aus tokens.css und ergaenzt wenige Regeln.
   Markup und styles.css sind identisch mit Variante A.
   Einbindung: tokens.css -> DIESE DATEI -> styles.css
   ======================================================================= */

:root {
  /* ---- Farbe ---- */
  --color-primary:           #7a2438;
  --color-primary-focus:     #8e2c43;
  --color-primary-on-dark:   #eaa0b0;
  --color-gold:              #cf9a34;
  --color-gold-dim:          rgba(207,154,52,.38);
  --color-canvas-parchment:  #f5efe6;
  --color-canvas-sage:       #e9dcdb;
  --color-surface-pearl:     #fbf7f3;
  --color-surface-tile-1:    #241318;
  --color-surface-tile-2:    #2a171d;
  --color-surface-tile-3:    #1d0f14;
  --color-surface-olive:     #5c2130;
  --color-surface-black:     #150a0e;
  --color-ink:               #1e1215;
  --color-ink-muted-80:      #3a2a2e;
  --color-ink-muted-48:      #7e6c70;
  --color-body-muted:        #d5bfc4;
  --color-hairline:          #ddcdca;

  /* ---- Form, Schrift, Rhythmus ---- */
  --font-display:            "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  --r-xs:                    6px;
  --r-sm:                    10px;
  --r-md:                    16px;
  --r-lg:                    24px;
  --fw-strong:               600;
  --ls-hero:                 -0.006em;
  --ls-display:              -0.002em;
  --lh-hero:                 1.12;
  --lh-display:              1.17;
  --sp-section:              clamp(60px, 3.6rem + 4vw, 104px);

  /* Verlaufskette muss mitwandern, sonst laeuft der Hero in die
     Farbe der alten Sektion aus. */
  --scrim-hero: linear-gradient(to top, #241318 0%, rgba(21,11,14,.74) 26%, rgba(21,11,14,.34) 58%, rgba(21,11,14,.14) 78%, rgba(21,11,14,.34) 100%);
  --scrim-band: linear-gradient(to top, rgba(21,11,14,.78) 0%, rgba(21,11,14,.24) 38%, rgba(21,11,14,0) 68%, rgba(21,11,14,.30) 100%);
}

/* Kursive Serife fuer Bildunterschriften und Beizeilen - Katalogton */
.t-tagline, .band__caption, .tile__sub {
  font-family: var(--font-display); font-style: italic;
}
.tile__eyebrow, .hero__eyebrow {
  font-family: var(--font-display); font-style: italic;
  text-transform: none; letter-spacing: .02em; font-size: var(--fs-caption);
}

/* Feine Doppellinie unter den Abschnittstiteln - Abteilung im Katalog */
.t-display, .t-display-md { padding-bottom: var(--sp-sm); position: relative; }
.t-display::after, .t-display-md::after {
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 64px; height: 3px; border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor; opacity: .34;
}
.tile__inner { text-align: left; }