/* 
* @license MIT
* ~~~~~~~~~~~~
* ab-nextjs-fonts
* ~~~~~~~~~~~~ 
* Copyright (c) 2026 Abraham Ukachi. The abElements Project.
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the 'Software'), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions: 
*  
* The above copyright notice and this permission notice shall be included in all 
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*
* @project: ab-nextjs-fonts
* @name: Styles - ZillaSlab - Font
* @file: zillaslab/styles.css
* @type: CSS Stylesheet
* @authors: Abraham Ukachi <abraham.ukachi@laplateforme.io>
*
* Example usage:
*   1+|> // Import the zillaslab font styles in typography or CSS file 
*    -|> @import 'ab-nextjs-fonts/zillaslab/styles.css';
*    -|>
*
*   2+|> // Use the regular ZillaSlab font family in css' body
*    -|>
*    -|> body {
*    -|>   font-family: ZillaSlab; // or ZillaSlab-Regular
*    -|> }
*    -|>
*
*/



/*
* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
* MOTTO: We'll always do more 😜!!!
* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/* TODO: Use / Prioritize variable fonts instead */







/* ====<<< ZillaSlab - Font >>>=== */


/* Zilla Slab - Light (300) */
@font-face {
  font-family: 'ZillaSlab-Light';
  font-weight: 300;
  font-style: normal;
  src: url('./static/ZillaSlab-Light.ttf') format('truetype');
}


/* Zilla Slab - Regular (400) */
@font-face {
  font-family: 'ZillaSlab-Regular';
  font-weight: 400;
  font-style: normal;
  src: url('./static/ZillaSlab-Regular.ttf') format('truetype');
}


/* Zilla Slab - DEFAULT (regular) */
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 400;
  font-style: normal;
  src: url('./static/ZillaSlab-Regular.ttf') format('truetype');
}



/* Zilla Slab - Bold (700) */
@font-face {
  font-family: 'ZillaSlab-Bold';
  font-weight: 700;
  font-style: normal;
  src: url('./static/ZillaSlab-Bold.ttf') format('truetype');
}










/***** CSS rules for ZillaSlab Font *****/

/* Light - ZillaSlab Font */
.font.zillaslab.light {
  font-family: 'ZillaSlab-Light';
}


/* Regular - ZillaSlab Font | DEFAULT */
.font.zillaslab.regular, .font.zillaslab {
  font-family: 'ZillaSlab-Regular';
}


/* Bold - ZillaSlab Font */
.font.zillaslab.bold {
  font-family: 'ZillaSlab-Bold';
}


/* ===>>> End of CSS rules for ZillaSlab Font <<<=== */

/* ==== Hyphenated utility aliases (demo/Next friendly) ====
 * README / shared demo: font-<family>-<weight>
 */

.font-zillaslab-light {
  font-family: 'ZillaSlab-Light';
}

.font-zillaslab-regular {
  font-family: 'ZillaSlab-Regular';
}

.font-zillaslab-medium {
  font-family: 'ZillaSlab-Regular';
}

.font-zillaslab-bold {
  font-family: 'ZillaSlab-Bold';
}