/**
 * Variables globales du thème & Police
 */

 /* ---------------- CHARTE GRAPHIQUE ----------------*/

:root {
    /* First Colors*/ 
    --primary-color: #6d28d9;  
    --accent-color: #00f2ff;   
    --bg-color: #0a0a0a;       
    --surface-color: #1a1a1a;   

    --or-sable: #D8BFA1;
    --or-solaire: #AD8343;
    --nebulight-gradient: linear-gradient(to right, #D8BFA1, #AD8343);
    --atmosphere: #32241A;
    --gris-metalique: #8A8D91;
    --violet-astral: #6f0feb;
    --bleu-nebulaire: #1A2733;
    --rouge-fusion: #EA0134;
    --rose-galactique: #B84E7D;
    --padding-btn: 12px 32px;
    --desktop-padding: 80px;
    --desktop-text-margin: 40px;
    --mobile-padding: 30px;
    --mobile-text-margin: 15px;
    
    /* Couleurs de texte */ 
    --text-main: #ffffff;
    --text-muted: #a0a0a0;

    /* Typographie */
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
    --font-heading: 'Display', sans-serif;

    /* Espacements (Système de grille) */
    --space-unit: 1rem;
    --space-sm: calc(var(--space-unit) * 0.5);
    --space-md: var(--space-unit);
    --space-lg: calc(var(--space-unit) * 2);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}



@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
    font-family: 'PressStart2P-Regular';
    src: url('../fonts/PressStart2P-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}