/* =============================================================
   DAZZLETIC – Portrait-Stufe  (MOBILE FIRST, ab 481px)
   Überschreibt die Mobile-Basis auf die Styleguide-„Portrait"-Werte
   (Tablet hoch, ~768px). Alle Klassen übernehmen das automatisch.
   ============================================================= */
@media (min-width: 481px) {
  :root {
    /* Abstände */
    --space-gutter:      24px;
    --space-section:     66px;
    --space-section-lg:  72px;
    --space-heading-gap: 25px;

    /* Schriftgrößen */
    --fs-h1-hero:          32px;
    --fs-h2-section:       26px;
    --fs-h3-card:          18px;
    --fs-body:             19px;
    --fs-label-category:   13px;
    --fs-credit-article:   14px;
    --fs-button-primary:   30px;
    --fs-button-secondary: 20px;
    --fs-page-title:       36px;
    /* --fs-page-title-legal bleibt 26 (Styleguide gibt Portrait nicht an) */
  }
}