/**
 * Dal Baffo Self-hosted Fonts
 * Ersätter TypeKit
 * 
 * VIKTIGT: Alla filer har intern vikt 400, men vi mappar om dem
 * till korrekta vikter så att font-weight fungerar korrekt i CSS.
 * 
 * Detta är standardlösningen när font-filer exporteras som separata familjer!
 */

/* ==========================================
   ARBORIA FONT FAMILY
   ========================================== */

/**
 * Arboria Light
 * Intern vikt i fil: 400
 * Mappad vikt i CSS: 300
 */
@font-face {
  font-family: 'Arboria';
  src: url('fonts/Arboria-Light.woff2') format('woff2'),
       url('fonts/Arboria-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/**
 * Arboria Book (Regular/Normal)
 * Intern vikt i fil: 400
 * Mappad vikt i CSS: 400
 */
@font-face {
  font-family: 'Arboria';
  src: url('fonts/Arboria-Book.woff2') format('woff2'),
       url('fonts/Arboria-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/**
 * Arboria Medium
 * Intern vikt i fil: 400
 * Mappad vikt i CSS: 500
 */
@font-face {
  font-family: 'Arboria';
  src: url('fonts/Arboria-Medium.woff2') format('woff2'),
       url('fonts/Arboria-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/**
 * Arboria Bold
 * Intern vikt i fil: 400
 * Mappad vikt i CSS: 700
 */
@font-face {
  font-family: 'Arboria';
  src: url('fonts/Arboria-Bold.woff2') format('woff2'),
       url('fonts/Arboria-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* LÄGG TILL DENNA NYA FONT-FAMILY */
@font-face {
    font-family: 'Arboria Bold';  /* ← Separat familj! */
    src: url('fonts/Arboria-Bold.woff2') format('woff2'),
         url('fonts/Arboria-Bold.woff') format('woff');
    font-weight: 400;  /* ← Intern vikt är 400 */
    font-style: normal;
    font-display: swap;
}

/* ==========================================
   BALNEARIO SCRIPT FONT FAMILY
   ========================================== */

/**
 * Balneario Script Bold
 * Intern vikt i fil: 400
 * Mappad vikt i CSS: 700 (om du vill använda som bold)
 * ELLER 400 (om du vill använda som normal)
 * 
 * För script-fonts rekommenderas 400 eftersom de oftast
 * inte har flera vikter.
 */
@font-face {
  font-family: 'Balneario Script';
  src: url('fonts/Balneario_Script_Bold.woff2') format('woff2'),
       url('fonts/Balneario_Script_Bold.woff') format('woff');
  font-weight: 400;  /* Använd 400 för script-fonts */
  font-style: normal;
  font-display: swap;
}

/* ==========================================
   ANVÄNDNING
   ========================================== */

/*
Exempel på hur du använder fonterna i CSS:

body {
  font-family: 'Arboria', sans-serif;
  font-weight: 400;  ← Använder Arboria Book
}

.light-text {
  font-family: 'Arboria', sans-serif;
  font-weight: 300;  ← Använder Arboria Light
}

.medium-text {
  font-family: 'Arboria', sans-serif;
  font-weight: 500;  ← Använder Arboria Medium
}

.bold-text {
  font-family: 'Arboria', sans-serif;
  font-weight: 700;  ← Använder Arboria Bold
}

.signature {
  font-family: 'Balneario Script', cursive;
  font-weight: 400;  ← Använder Balneario Script Bold
}

Nu fungerar det exakt som det ska!
*/