/* ================================================================
   Started — Typography
   Source of truth: lib/presentation/theme/appfonts.dart
   ================================================================ */


/* ----------------------------------------------------------------
   § 1 — Local Font Faces
   Website uses the same brand fonts as the app, but self-hosted
   inside hosting/ to avoid third-party font requests on page load.
   ---------------------------------------------------------------- */

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter_28pt-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter_28pt-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter_28pt-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter_28pt-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'Inclusive Sans';
  src: url('../assets/fonts/InclusiveSans-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Inclusive Sans';
  src: url('../assets/fonts/InclusiveSans-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Inclusive Sans';
  src: url('../assets/fonts/InclusiveSans-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}


/* ----------------------------------------------------------------
   § 2 — Font Family Tokens
   ---------------------------------------------------------------- */

:root {
  --ff-inter:    'Inter',         'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
  --ff-inclusive:'Inclusive Sans','Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}


/* ----------------------------------------------------------------
   § 3 — AppBar
   ---------------------------------------------------------------- */

.font-appbar-title {
  font-family:    var(--ff-inclusive);
  font-size:      20px;
  font-weight:    700;
  letter-spacing: -0.5px;
  line-height:    1.2;
}

.font-appbar-clickable {
  font-family:    var(--ff-inclusive);
  font-size:      20px;
  font-weight:    900;
  letter-spacing: -0.5px;
  line-height:    1.2;
}


/* ----------------------------------------------------------------
   § 4 — Standard
   ---------------------------------------------------------------- */

.font-title {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    700;
  line-height:    1.2;
}

.font-standard {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  line-height:    1.2;
}

.font-standard-bold {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    700;
  letter-spacing: 0.1px;
  line-height:    1.2;
}

.font-textfield-hint {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  letter-spacing: 0.1px;
  line-height:    1.2;
}

.font-textfield-warning {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    700;
  font-style:     italic;
  line-height:    1.2;
}

.font-btn {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  line-height:    1.2;
}

.font-btn-bold {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    700;
  line-height:    1.2;
}

.font-btn-18 {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    500;
  line-height:    1.2;
}

.font-btn-bold-18 {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    700;
  line-height:    1.2;
}

.font-chat-hint {
  font-family:    var(--ff-inter);
  font-size:      10px;
  font-weight:    500;
  line-height:    1.2;
}

/* Imprint — looser line-height (1.4) */
.font-imprint {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  line-height:    1.4;
}

.font-imprint-bold {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    700;
  letter-spacing: 0.1px;
  line-height:    1.4;
}


/* ----------------------------------------------------------------
   § 5 — Login / Registrierung
   ---------------------------------------------------------------- */

.font-login-claim {
  font-family:    var(--ff-inclusive);
  font-size:      20px;
  font-weight:    700;
  letter-spacing: -0.8px;
  line-height:    1.2;
}

.font-login-title {
  font-family:    var(--ff-inclusive);
  font-size:      25px;
  font-weight:    700;
  letter-spacing: -1px;
  line-height:    1.2;
}

.font-login-standard {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  line-height:    1.2;
}

.font-login-small {
  font-family:    var(--ff-inter);
  font-size:      12px;
  font-weight:    400;
  line-height:    1.2;
}

.font-login-textfield {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    700;
  line-height:    1.2;
}

.font-login-textfield-hint {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    500;
  line-height:    1.2;
}

.font-login-textfield-warning {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    700;
  font-style:     italic;
  line-height:    1.2;
}

.font-login-btn {
  font-family:    var(--ff-inter);
  font-size:      18px;
  font-weight:    700;
  line-height:    1.2;
}

.font-login-password-condition {
  font-family:    var(--ff-inter);
  font-size:      15px;
  font-weight:    500;
  line-height:    1.2;
}