/* =====================================================================
   theme-b.css — "swiss"
   Nur Custom Properties. Grotesk, Hellblau auf dunklem Blau, Duotone-Fotografie.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap'); /* PLACEHOLDER */

:root {
  /* Farben */
  --color-bg:     #12294a;   /* dunkles Blau, aus dem Mockup gesampelt */
  --color-fg:     #aecbfa;   /* Hellblau */
  --color-accent: #ffffff;   /* Fokus-Ring; nur hier */
  --color-scrim:  #0f2444;   /* Scrim-Farbe = Duotone-Tiefen */
  --duotone-dark:  #0f2444;
  --duotone-light: #aecbfa;
  /* 0.71 reicht gegen --duotone-light, 0.77 gegen Weiß (nicht-duotone Fotos); 0.75 als Kompromiss.
     Gerechnet: fg #aecbfa auf mix(scrim, light, 0.75) => ca. 4.9:1 */
  --scrim-opacity-soft: 0.54;  /* gerechnet: 3:1 für große Schrift gegen --duotone-light */
  --scrim-opacity: 0.75;

  /* Schrift */
  --font-display: 'Inter', 'Helvetica Neue', Arial, sans-serif; /* PLACEHOLDER */
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif; /* PLACEHOLDER */
  --text-sm:   0.8rem;
  --text-base: 1.05rem;
  --text-md:   clamp(1.1rem, 1.6vw, 1.5rem);
  --text-lg:   clamp(1.75rem, 3vw, 3rem);

  /* Bleed-Schriftzug */
  --bleed-size:     14.5vw;      /* "ARTISTS NAME" ≈ 106vw breit → Überstand beidseitig */
  --bleed-size-sm:  clamp(2.5rem, 17vw, 4rem);
  --bleed-width:    110%;
  --bleed-weight:   600;
  --bleed-tracking: -0.06em;
  --bleed-case:     uppercase;

  /* Abstände */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --space-6: 8rem;

  /* Linien & Zeilen: Theme B kennt keine Linien */
  --rule-weight: 0px;
  --row-height:  4rem;
}