/* ============================================================================
   FONTS.CSS - Police centralisée pour tout le projet
   ============================================================================
   
   Ce fichier centralise la configuration des polices pour:
   - Frontend (app principale)
   - Auth (authentification/landing)
   - Plugins (extensions dynamiques)
   
   Utilisation: @import url('../shared/fonts.css'); au début de chaque main.css
   ============================================================================ */

/* ============================================================================
   @FONT-FACE - Inter (Google Fonts via CDN)
   ============================================================================
   
   Inter est une police optimisée pour les interfaces utilisateur.
   Weights chargés: 300 (light), 400 (regular), 500 (medium), 600 (semibold), 700 (bold)
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ============================================================================
   @FONT-FACE - Poppins (Google Fonts via CDN)
   ============================================================================
   
   Poppins est utilisée pour le logo/marque "Etendue".
   Weights chargés: 600 (semibold), 700 (bold)
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');

/* Optionnel: Fira Code pour le code source (commenté par défaut)
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap');
*/

/* ============================================================================
   CSS VARIABLES - Polices
   ============================================================================ */
:root {
    /* -------------------------------------------------------------------------
       Font Families
       ------------------------------------------------------------------------- */
    
    /* Police principale - Corps de texte et UI */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    
    /* Police du logo/marque "Etendue" */
    --font-family-logo: 'Poppins', var(--font-family-base);
    
    /* Police des titres (peut être différente si besoin) */
    --font-family-heading: var(--font-family-base);
    
    /* Police monospace - Code, données techniques, terminaux */
    --font-family-mono: 'SF Mono', 'Monaco', 'Consolas', 'Courier New', monospace;
    
    /* -------------------------------------------------------------------------
       Font Sizes - Échelle modulaire (ratio 1.25)
       ------------------------------------------------------------------------- */
    --font-size-2xs: 0.625rem;    /* 10px */
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-lg: 1.125rem;     /* 18px */
    --font-size-xl: 1.25rem;      /* 20px */
    --font-size-2xl: 1.5rem;      /* 24px */
    --font-size-3xl: 1.875rem;    /* 30px */
    --font-size-4xl: 2.25rem;     /* 36px */
    --font-size-5xl: 3rem;        /* 48px */
    
    /* Alias for 32px — sits between 3xl (30px) and 4xl (36px) */
    --font-size-4xl-minus: 2rem;  /* 32px */
    
    /* Relative unit suffix (mm, µm, etc.) — scales with parent font-size */
    --font-size-unit: 0.75em;
    
    /* -------------------------------------------------------------------------
       Font Weights
       ------------------------------------------------------------------------- */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* -------------------------------------------------------------------------
       Line Heights
       ------------------------------------------------------------------------- */
    --line-height-none: 1;
    --line-height-tight: 1.25;
    --line-height-snug: 1.375;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.625;
    --line-height-loose: 2;
    
    /* -------------------------------------------------------------------------
       Letter Spacing
       ------------------------------------------------------------------------- */
    --letter-spacing-tighter: -0.05em;
    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.025em;
    --letter-spacing-wider: 0.05em;
    --letter-spacing-widest: 0.1em;
}