/* DJK Eging am See — Webfonts, lokal gehostet (DSGVO-konform, kein Google-CDN)
   Barlow & Barlow Condensed, SIL Open Font License 1.1
   Quelle: fonts.google.com — Subsets latin + latin-ext (deutsche Umlaute, €)
   Pfade sind relativ zu dieser Datei (tokens/fonts.css → assets/fonts/). */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/barlow-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/barlow-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/barlow-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/barlow-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/barlow-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/barlow-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/barlow-condensed-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/barlow-condensed-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/barlow-condensed-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/barlow-condensed-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('./assets/fonts/barlow-condensed-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('./assets/fonts/barlow-condensed-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* DJK Eging am See — Color tokens
   Leitfarbe Cyan (aus dem Wappen) + tiefes Navy als Anker.
   Kühle, harmonische Sparten-Kaskade statt Rot/Grün/Gelb. */
:root {
  /* ---- Brand ---- */
  --djk-cyan:        #0f99bd; /* primary — Wappenfeld, Leitfarbe */
  --djk-cyan-600:    #0c89aa;
  --djk-cyan-700:    #0a7691;
  --djk-cyan-800:    #085f74;
  --djk-cyan-050:    #eef8fb;
  --djk-cyan-100:    #c4e8f1;

  --djk-navy:        #0b2a3a; /* secondary — Anker für Header/Footer/Text */
  --djk-navy-600:    #123c50;
  --djk-navy-100:    #d5e2e8;

  /* ---- Kühle Sparten-Kaskade ---- */
  --djk-teal:        #14a09a;
  --djk-teal-100:    #dcf2f1;
  --djk-azure:       #1b5c96;
  --djk-azure-100:   #dce7f2;
  --djk-indigo:      #4a3f9e;
  --djk-indigo-100:  #e3e1f3;
  --djk-magenta:     #b23a86;
  --djk-magenta-100: #f6e2ef;
  --djk-royal:       #0f3d91;
  --djk-royal-100:   #dde6f7;

  --djk-white:       #ffffff;

  /* ---- Neutrals (navy-getönt) ---- */
  --ink-900: #0b2a3a;
  --ink-700: #33474d;
  --ink-500: #5d6e73;
  --ink-300: #9aa7ab;
  --ink-200: #c7d0d2;
  --ink-100: #e4e9ea;
  --ink-050: #f4f7f8;

  /* ---- Semantic aliases ---- */
  --brand:            var(--djk-cyan);
  --brand-strong:     var(--djk-cyan-700);
  --brand-accent:     var(--djk-navy);
  --brand-highlight:  var(--djk-cyan-100);

  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-on-brand:    var(--djk-white);
  --text-on-accent:   var(--djk-white);

  --surface-page:     var(--ink-050);
  --surface-card:     var(--djk-white);
  --surface-brand:    var(--djk-cyan);
  --surface-accent:   var(--djk-navy);
  --surface-sunken:   var(--djk-cyan-050);
  --surface-dark:     var(--djk-navy);

  --border-subtle:    var(--ink-100);
  --border-strong:    var(--ink-200);
  --border-brand:     var(--djk-cyan);

  --focus-ring:       var(--djk-navy);

  /* ---- Sparte accents ---- */
  --sparte-tt:    var(--djk-cyan);    /* Tischtennis  — Leitfarbe */
  --sparte-vb:    var(--djk-teal);    /* Volleyball   — Teal */
  --sparte-kt:    var(--djk-magenta); /* Kinderturnen — Magenta */
  --sparte-cl:    var(--djk-royal);   /* Cheerleading — Royalblau (Vereinsfarbe) */
}

/* DJK Eging am See — Typography
   Display: Barlow Condensed (athletic, condensed — echoes the scarf wordmark)
   Body:    Barlow (humanist sans, same family for harmony)
   Beide Familien werden LOKAL geladen — siehe tokens/fonts.css (kein Google-CDN).
   NOTE: Google-Fonts-Substitution für die Wappen-Schrift — beim Verein rückgefragt. */

:root {
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Barlow', system-ui, -apple-system, sans-serif;

  /* Type scale (1.250 major third on a 16px base) */
  --text-2xs: 0.75rem;   /* 12 */
  --text-xs:  0.875rem;  /* 14 */
  --text-sm:  1rem;      /* 16 */
  --text-md:  1.125rem;  /* 18 */
  --text-lg:  1.375rem;  /* 22 */
  --text-xl:  1.75rem;   /* 28 */
  --text-2xl: 2.25rem;   /* 36 */
  --text-3xl: 3rem;      /* 48 */
  --text-4xl: 4rem;      /* 64 */
  --text-5xl: 5.25rem;   /* 84 */

  --leading-tight: 1.05;
  --leading-snug:  1.2;
  --leading-body:  1.55;

  --weight-regular: 400;
  --weight-semi:    600;
  --weight-bold:    700;
  --weight-black:   800;

  --tracking-display: -0.01em;
  --tracking-caps:    0.06em; /* uppercase labels / kicker */
}

/* DJK Eging am See — Spacing, radius, shadow, layout */
:root {
  /* Spacing scale (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Radii — friendly but not bubbly; the crest is angular so keep modest */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* Shadows — soft, cyan-tinted */
  --shadow-sm: 0 1px 2px rgba(17,37,43,0.08);
  --shadow-md: 0 4px 14px rgba(17,37,43,0.10);
  --shadow-lg: 0 12px 32px rgba(17,37,43,0.14);
  --shadow-brand: 0 10px 26px rgba(15,153,189,0.30);

  /* Layout */
  --container: 1180px;
  --container-narrow: 760px;
  --header-h: 96px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 220ms; /* @kind other */
}

/* DJK Eging am See — base element defaults (optional, scoped lightly) */
:root {
  color-scheme: light;
}
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text-body);
  background: var(--surface-page);
  font-size: 1.0625rem; /* 17px base — comfortable running text */
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--text-strong);
  line-height: var(--leading-tight);
  margin: 0;
  font-weight: var(--weight-bold);
}
a { color: var(--brand-strong); text-decoration: none; }
a:hover { text-decoration: underline; }
* { box-sizing: border-box; }

/* Reusable display kicker (uppercase label above headings) */
.djk-kicker {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  font-weight: var(--weight-semi);
  font-size: var(--text-sm);
  color: var(--brand-strong);
}