/*
    ==========================================================
    PROJECT : SITE-GENERIQUE
    FILE    : css/fonts-semantic.css
    AUTH    : Renaud
    CREATED : 04 décembre 2025
    UPDATED : 22 février 2026
    ==========================================================
*/

/**
*   @project        SITE-GENERIQUE
*   @description    Design Tokens Typographiques.
*                   Centralise les familles de polices par rôle sémantique.
*                   Convention : --font-{composant}-{element}
*
*   @file           css/fonts-semantic.css
*
*   @see            css/fonts-lato.css                       (Source Sans-Serif)
*   @see            css/fonts-cormorant-garamond.css         (Source Serif)
*   @see            css/fonts-digital-desolation-plus.css    (Source Display)
*/

:root {

    /* =========================================================
       FAMILLES BRUTES
       ========================================================= */

    --font-family-sans:     'Lato', sans-serif;
    --font-family-serif:    'Cormorant Garamond', serif;
    --font-family-display:  'Digital-Desolation-Plus', 'Courier New', monospace;


    /* =========================================================
       HEADER
       ========================================================= */

    --font-header-title:    var(--font-family-display);
    --font-header-tagline:  var(--font-family-sans);
    --font-header-nav:      var(--font-family-sans);


    /* =========================================================
       HERO
       ========================================================= */

    --font-hero-title:      var(--font-family-serif);
    --font-hero-tagline:    var(--font-family-sans);
    --font-hero-description: var(--font-family-sans);
    --font-hero-cta:        var(--font-family-sans);


    /* =========================================================
       MAIN (Contenu principal)
       ========================================================= */

    --font-main-heading:    var(--font-family-serif);
    --font-main-subheading: var(--font-family-sans);
    --font-main-body:       var(--font-family-sans);


    /* =========================================================
       SIDEBAR
       ========================================================= */

    --font-sidebar-title:   var(--font-family-serif);
    --font-sidebar-body:    var(--font-family-sans);


    /* =========================================================
       FOOTER
       ========================================================= */

    --font-footer-title:    var(--font-family-serif);
    --font-footer-nav:      var(--font-family-sans);
    --font-footer-legal:    var(--font-family-sans);


    /* =========================================================
       UI (Interface utilisateur)
       ========================================================= */

    --font-ui-nav:          var(--font-family-sans);
    --font-ui-btn:          var(--font-family-sans);
    --font-ui-label:        var(--font-family-sans);
}