/* =====================================================================
   theme-a.css — "editorial"
   Nur Custom Properties. Serife, Schwarz auf Weiß, keine weitere Farbe.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap'); /* PLACEHOLDER */

:root {
  /* Farben */
  --color-bg:     #ffffff;
  --color-fg:     #000000;
  --color-accent: #000000;   /* Theme A kennt keine Akzentfarbe; Fokus-Ring nutzt fg */
  --color-scrim:  #000000;
  --duotone-dark:  #000000;
  --duotone-light: #ffffff;
  --scrim-opacity-soft: 0.4;
  --scrim-opacity: 0.6;

  /* Schrift */
  --font-display: 'EB Garamond', Garamond, 'Times New Roman', serif; /* PLACEHOLDER */
  --font-body:    'EB Garamond', Garamond, 'Times New Roman', serif; /* PLACEHOLDER */
  --text-sm:   0.8rem;
  --text-base: 1.125rem;
  --text-md:   clamp(1.25rem, 2.3vw, 2.25rem);  /* Zeilen-Beschriftung, ~2.3% der Mockup-Breite */
  --text-lg:   clamp(1.75rem, 3vw, 3rem);       /* Cover */

  /* Bleed-Schriftzug: in Theme A nicht genutzt, Tokens nur als neutrale Werte */
  --bleed-size:     var(--text-lg);
  --bleed-size-sm:  var(--text-lg);
  --bleed-width:    100%;
  --bleed-weight:   400;
  --bleed-tracking: 0;
  --bleed-case:     none;

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

  /* Linien & Zeilen */
  --rule-weight: 3px;
  --row-height:  8vh;   /* Mockup: Balken ~70/880 der Seitenhöhe */
}