/* --------------------------------------------------
   Kids Regular, la del logo de l'esplai
-------------------------------------------------- */
@font-face {
    font-family: 'Kids';
    src: url('/fonts/Kids.woff2') format('woff2'),
         url('/fonts/Kids.woff') format('woff'),
         url('/fonts/Kids.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------------
   Vallès Rural, en veritat és Adigiana Toybox Regular, però
   com és la tipografia que es va utilitzar a dues TI/TJ pel
   merxan de la totebag i el got verd, li diré així
-------------------------------------------------- */
@font-face {
    font-family: 'VallesRural';
    src: url('/fonts/VallesRural.woff2') format('woff2'),
         url('/fonts/VallesRural.woff') format('woff'),
         url('/fonts/VallesRural.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------------
   Alfa Slab One, no sé, últimament l'hem utilitzada a Powers
-------------------------------------------------- */
@font-face {
    font-family: 'AlfaSlabOne';
    src: url('/fonts/AlfaSlabOne.woff2') format('woff2'),
         url('/fonts/AlfaSlabOne.woff') format('woff'),
         url('/fonts/AlfaSlabOne.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------------
   Inter (Regular, Bold, Italic, BoldItalic)
   Potser és la "bàsica" de la web, tot i que pesen massa
   els arxius, si no trobo versions més comprimides tiraré
   per la següent font, per velocitat de càrrega de la web
-------------------------------------------------- */
/* Inter Regular (400 normal) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter.woff2') format('woff2'),
         url('/fonts/Inter.woff') format('woff'),
         url('/fonts/Inter.ttf') format('truetype');
    font-weight: 400;     /* Regular */
    font-style: normal;   /* No italic */
    font-display: swap;
}

/* Inter Italic (400 italic) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/InterI.woff2') format('woff2'),
         url('/fonts/InterI.woff') format('woff'),
         url('/fonts/InterI.ttf') format('truetype');
    font-weight: 400;     /* Regular */
    font-style: italic;   /* Italic */
    font-display: swap;
}

/* Inter Bold (700 normal) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/InterB.woff2') format('woff2'),
         url('/fonts/InterB.woff') format('woff'),
         url('/fonts/InterB.ttf') format('truetype');
    font-weight: 700;     /* Bold */
    font-style: normal;   /* No italic */
    font-display: swap;
}

/* Inter Bold Italic (700 italic) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/InterBI.woff2') format('woff2'),
         url('/fonts/InterBI.woff') format('woff'),
         url('/fonts/InterBI.ttf') format('truetype');
    font-weight: 700;     /* Bold */
    font-style: italic;   /* Italic */
    font-display: swap;
}

/* Inter Black (900 normal) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/InterBk.woff2') format('woff2'),
         url('/fonts/InterBk.woff') format('woff'),
         url('/fonts/InterBk.ttf') format('truetype');
    font-weight: 900;     /* Black */
    font-style: normal;   /* No italic */
    font-display: swap;
}

/* Inter Black Italic (900 italic) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/InterBkI.woff2') format('woff2'),
         url('/fonts/InterBkI.woff') format('woff'),
         url('/fonts/InterBkI.ttf') format('truetype');
    font-weight: 900;     /* Black */
    font-style: italic;   /* Italic */
    font-display: swap;
}

/* --------------------------------------------------
   Classes útils
-------------------------------------------------- */

/* Kids Regular */
.font-kids {
    font-family: 'Kids', sans-serif !important;
}

/* Inter */
.font-inter {
    /* Fallbacks:
       - system-ui / -apple-system: fonts del sistema (molt ràpides)
       - Segoe UI: Windows
       - sans-serif: últim recurs */
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Alfa Slab One */
.font-alfaslabone {
    font-family: 'AlfaSlabOne', serif;
}

/* Adigiana Toybox Regular / Vallès Rural  */
.font-vallesrural {
    font-family: 'VallesRural', serif;
}