/* Grupo Ledergerber — Typography tokens & webfonts */

/* Display / logo face — MBF Logonarium (geometric, technical) */
@font-face { font-family: 'MBF Logonarium'; src: url('../assets/fonts/MBFLogonarium-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'MBF Logonarium'; src: url('../assets/fonts/MBFLogonarium-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'MBF Logonarium'; src: url('../assets/fonts/MBFLogonarium-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'MBF Logonarium'; src: url('../assets/fonts/MBFLogonarium-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }

/* Body face — Work Sans */
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('../assets/fonts/WorkSans-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

/* Auxiliary display faces shipped with the brand kit */
@font-face { font-family: 'Moone'; src: url('../assets/fonts/Moone.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roles'; src: url('../assets/fonts/Roles.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --font-display: 'MBF Logonarium', 'Work Sans', sans-serif;
  --font-body: 'Work Sans', -apple-system, 'Segoe UI', sans-serif;

  /* Display type is ALWAYS uppercase with generous tracking (see logo). */
  --tracking-display: 0.14em;
  --tracking-label: 0.08em;

  /* Type scale */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 21px;
  --text-xl: 28px;
  --text-2xl: 40px;
  --text-3xl: 56px;

  --leading-tight: 1.15;
  --leading-normal: 1.55;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}