/* =====================================================================
   theme.css — Template C "zine"
   Nur Custom Properties. Creme, Neongrün / Rot / Gelb, Display-Serife.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,400..900,100,1&display=swap'); /* PLACEHOLDER */

:root {
  /* Farben */
  --color-bg:     #fff6f5;   /* Creme, aus dem Mockup gesampelt */
  --color-fg:     #1a1a1a;   /* Fließtext / Formular */
  --color-accent: #9bfd0c;   /* Neongrün, gesampelt */
  --color-red:    #ff1e00;   /* Sektion "work" */
  --color-yellow: #f2b50a;   /* Sektion "upcoming" */
  --color-scrim:  #1a1a1a;
  --duotone-dark:  #1a1a1a;
  --duotone-light: #9bfd0c;
  --scrim-opacity-soft: 0.4;
  --scrim-opacity: 0.6;

  /* Schrift */
  --font-display: 'Fraunces', 'Cooper Black', Georgia, serif; /* PLACEHOLDER */
  --font-body:    'Fraunces', Georgia, serif;                 /* PLACEHOLDER */
  --text-sm:   0.85rem;
  --text-base: 1.15rem;
  --text-md:   clamp(1.35rem, 2.2vw, 2rem);
  --text-lg:   clamp(2.25rem, 5.5vw, 4.5rem);  /* Bio-Headline */
  --text-frame: clamp(3rem, 9.5vw, 8.5rem);    /* Buchstaben um die Bilder, ~35% der Bildhöhe */

  /* Bleed-Schriftzug: in Theme C nicht genutzt */
  --bleed-size:     var(--text-lg);
  --bleed-size-sm:  var(--text-lg);
  --bleed-width:    100%;
  --bleed-weight:   700;
  --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: 10rem;

  /* Linien */
  --rule-weight: 3px;
  --row-height:  3.5rem;
}