////
///
/// FontFace Font Typography Mixins Module
/// ===========================================================================
///
/// @group Font
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @todo None
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

// @use '../dev' as *;
// @use 'font_stack' as *;

// ============================================================================
// Variables
// ============================================================================

///
/// Default path for font files
/// ---------------------------------------------------------------------------
///
/// This variable defines the default path to the font files used in the
/// project. It can be overridden if a different path is required.
///
$font_path: "../font/" !default;

///
/// Font Face Definitions
/// ---------------------------------------------------------------------------
///
/// This `@font-face` rule defines the default font families, including multiple
/// font formats for better browser compatibility. The font-weight and
/// font-stretch properties are defined to provide a wide range of styles and
/// widths.
///
/// - `font-family`: "Block" - The name of the font family.
/// - `src`: Specifies the font files in various formats (WOFF2, WOFF, TTF).
/// - `font-weight`: Defines the range of weights available for the font (100 to 900).
/// - `font-stretch`: Specifies the range of font widths available (25% to 151%).
///
@font-face {
    font-family: "block";
    src:
        url($font_path + "block.woff2") format("woff2"),
        url($font_path + "block.woff") format("woff"),
        url($font_path + "block.ttf") format("truetype");
    font-weight: 100 900;
    font-stretch: 25% 151%;
}

// ----------------------------------------------------------------------------

/// Stylescape Sans (Regular)
@font-face {
    font-family: "stylescape_sans_regular";
    src: url($font_path + "roboto-regular.ttf") format("truetype");
    font-weight: 100 900;
}

/// Stylescape Sans (Italic)
@font-face {
    font-family: "stylescape_sans_italic";
    src: url($font_path + "roboto-italic.ttf") format("truetype");
    font-weight: 100 900;
}

// ----------------------------------------------------------------------------

/// Stylescape Serif (Regular)
@font-face {
    font-family: "stylescape_serif_regular";
    src: url($font_path + "roboto_serif-regular.ttf") format("truetype");
    font-weight: 100 900;
}

/// Stylescape Serif (Italic)
@font-face {
    font-family: "stylescape_serif_italic";
    src: url($font_path + "roboto_serif-italic.ttf") format("truetype");
    font-weight: 100 900;
}

// ----------------------------------------------------------------------------

/// Stylescape Slab (Regular)
@font-face {
    font-family: "stylescape_slab_regular";
    src: url($font_path + "roboto_slab-regular.ttf") format("truetype");
    font-weight: 100 900;
}

// ----------------------------------------------------------------------------

/// Stylescape Mono (Regular)
@font-face {
    font-family: "stylescape_mono_regular";
    src: url($font_path + "roboto_mono-regular.ttf") format("truetype");
    font-weight: 100 900;
}

/// Stylescape Mono (Italic)
@font-face {
    font-family: "stylescape_mono_italic";
    src: url($font_path + "roboto_mono-italic.ttf") format("truetype");
    font-weight: 100 900;
}