/* ————— RHVÖ OG Hausruckviertel — Design Tokens ————— */

@font-face{font-family:'Source Serif 4';font-weight:500;font-style:normal;font-display:swap;
  src:url('../assets/fonts/source-serif-4-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-weight:600;font-style:normal;font-display:swap;
  src:url('../assets/fonts/source-serif-4-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-weight:700;font-style:normal;font-display:swap;
  src:url('../assets/fonts/source-serif-4-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-weight:500;font-style:italic;font-display:swap;
  src:url('../assets/fonts/source-serif-4-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-weight:400;font-style:normal;font-display:swap;
  src:url('../assets/fonts/manrope-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-weight:500;font-style:normal;font-display:swap;
  src:url('../assets/fonts/manrope-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-weight:600;font-style:normal;font-display:swap;
  src:url('../assets/fonts/manrope-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-weight:700;font-style:normal;font-display:swap;
  src:url('../assets/fonts/manrope-latin-700-normal.woff2') format('woff2')}

:root{
  /* Flächen — warm, hell, papierartig */
  --paper:#FAF7F2;
  --paper-2:#F2EDE4;
  --white:#FFFFFF;

  /* Marine-Palette — aus dem Vereinsshirt gesampelt (reference-photos/Shirt.jpg).
     Eine Farbfamilie für die ganze Site: ruhig, edel, schlicht. */
  --marine:#3E4368;         /* Basis: Buttons, Akzente, Zahlen */
  --marine-bright:#4C527C;  /* helles Verlaufsende, Progress */
  --marine-deep:#2E3350;    /* Hover, starke Flächen */
  --marine-ink:#181B2C;     /* dunkelste Fläche (Footer) */
  --marine-tint:rgba(62,67,104,.08);

  /* Tinte — tiefes Marine-Anthrazit, passend zur Palette */
  --ink:#22263C;
  --ink-soft:#5D6178;
  --hairline:rgba(34,38,60,.13);

  /* Akzente */
  /* Legacy-Aliase: hießen früher pine (grün), zeigen jetzt auf die
     Marine-Palette — alle bestehenden Verwendungen wandern damit mit. */
  --pine:var(--marine);
  --pine-strong:var(--marine-deep);
  --pine-tint:var(--marine-tint);
  --rot:#C8102E;
  --wa:#25D366;
  --wa-dark:#1DA851;
  --ig:#E1306C;
  --ig-dark:#C13584;

  /* Typografie */
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;

  --fs-h1:clamp(2.3rem,4.6vw,4.3rem);
  --fs-h2:clamp(2rem,4.2vw,3.4rem);
  --fs-h3:clamp(1.5rem,2.6vw,2.1rem);
  --fs-quote:clamp(1.6rem,3.2vw,2.8rem);
  --fs-body:clamp(1rem,1.1vw,1.125rem);
  --fs-label:.68rem;

  /* Raum */
  --space-section:clamp(5rem,12vh,9rem);
  --gutter:clamp(1.4rem,4vw,3.2rem);
  --radius:18px;
  --radius-pill:999px;

  --shadow-card:0 20px 40px rgba(46,51,80,.10);
  --shadow-soft:0 8px 28px rgba(34,38,60,.08);

  --nav-h:84px;
  --nav-h-small:64px;
}