/* ============================================
   RESET
   ============================================ */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
}

img {
    display: block;
    max-width: 100%;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

:root {
    /* Couleurs */
    --color-bg: #0A0A0A;
    --color-accent: #B3E412;
    --color-text-primary: #F0F0F0;
    --color-text-secondary: #888888;
    --color-text-accent: #0A0A0A;

    /* Typographie — familles */
    --font-raleway: 'Raleway', sans-serif;
    --font-inter: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* Typographie — tailles */
    --fs-header: clamp(6.4rem, 10vw, 16rem);
    --fs-title1: 4.8rem;
    --fs-title2: 2.4rem;
    --fs-body-hl: 1.8rem;
    --fs-body: 1.6rem;
    --fs-mono: 1.4rem;

    /* Typographie — poids */
    --fw-bold:      700;
    --fw-semibold:  600;
    --fw-regular:   400;
}

/* ============================================
   TYPOGRAPHIE & COULEURS GLOBALES
   ============================================ */

body {
    background-color: var(--color-bg);
    color: var(--color-text-primary);
    font-family: var(--font-inter);
    font-size: var(--fs-body);
    font-weight: var(--fw-regular);
    line-height: 1.6;
}

h1 {
    font-family: var(--font-raleway);
    font-size: var(--fs-header);
    font-weight: var(--fw-bold);
    color: var(--color-text-primary);
    line-height: 1.2;
}

h2 {
    font-family: var(--font-raleway);
    font-size: var(--fs-title1);
    font-weight: var(--fw-bold);
    color: var(--color-text-primary);
    line-height: 1.2;
}

h3 {
    font-family: var(--font-raleway);
    font-size: var(--fs-title2);
    font-weight: var(--fw-semibold);
    color: var(--color-text-primary);
    line-height: 1.2;
}

.accent {
    color: var(--color-accent);
    font-style: italic;
}

code, pre {
    font-family: var(--font-mono);
    font-size: var(--fs-mono);
    color: var(--color-text-primary);
}