/*
 * N2C.XAF.Fonts - Need2Code Brand Typography
 * 
 * USAGE:
 * 1. Add reference to N2C.XAF.Fonts package
 * 2. Preferred: register N2CAssetHead in _Host.cshtml.
 * 3. Optional fallback:
 *    <link href="_content/N2C.XAF.Fonts/css/n2c-fonts.css" rel="stylesheet" />
 * 4. Use in your CSS:
 *    font-family: 'Bw Gradual', sans-serif;  (Headings)
 *    font-family: 'Spline Sans', sans-serif; (Body text)
 * 
 * FONT WEIGHTS:
 * - Bw Gradual: 100 (Thin), 300 (Light), 400 (Regular), 500 (Medium), 
 *               700 (Bold), 800 (ExtraBold), 900 (Black)
 * - Spline Sans: 300 (Light), 400 (Regular), 500 (Medium), 
 *                600 (SemiBold), 700 (Bold)
 * 
 * LICENSE:
 * These fonts are proprietary and licensed to Need2Code AB.
 * NOT FOR REDISTRIBUTION outside of Need2Code projects.
 */

/* ==========================================================================
   Bw Gradual - Heading Font
   Designer: Alberto Romanos
   ========================================================================== */

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
   Spline Sans - Body Font
   Designed by: Eben Sorkin, Mirko Velimirović
   URL: https://www.fontshare.com/fonts/spline-sans
   © 2022 Indian Type Foundry
   ========================================================================== */

/* Variable font - supports weight 300-700 */
@font-face {
    font-family: 'Spline Sans';
    src: url('../fonts/SplineSans-Variable.woff2') format('woff2-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/* Static fallbacks for browsers without variable font support */
@font-face {
    font-family: 'Spline Sans Static';
    src: url('../fonts/SplineSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spline Sans Static';
    src: url('../fonts/SplineSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spline Sans Static';
    src: url('../fonts/SplineSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spline Sans Static';
    src: url('../fonts/SplineSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spline Sans Static';
    src: url('../fonts/SplineSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   CSS Custom Properties for easy theming
   ========================================================================== */

:root {
    /* Font families */
    --n2c-font-heading: 'Bw Gradual', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --n2c-font-body: 'Spline Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --n2c-font-mono: 'Cascadia Code', 'Fira Code', Consolas, monospace;
    
    /* Font weights */
    --n2c-font-weight-thin: 100;
    --n2c-font-weight-light: 300;
    --n2c-font-weight-regular: 400;
    --n2c-font-weight-medium: 500;
    --n2c-font-weight-semibold: 600;
    --n2c-font-weight-bold: 700;
    --n2c-font-weight-extrabold: 800;
    --n2c-font-weight-black: 900;
}

/* ==========================================================================
   Optional: Apply fonts to common elements
   Uncomment or include n2c-fonts-apply.css to use these defaults
   ========================================================================== */

/*
body {
    font-family: var(--n2c-font-body);
    font-weight: var(--n2c-font-weight-regular);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--n2c-font-heading);
    font-weight: var(--n2c-font-weight-bold);
}
*/