/* ========================================
   L'ATELIER DU COMBAT — Tokens / Design System
   Palette : Noir / Bois / Acier
   Variables CSS globales (:root)
   ======================================== */

:root {
    /* Couleurs principales — noirs */
    --black: #0a0a0a;
    --black-2: #121212;
    --black-3: #1a1a1a;
    --black-4: #222222;
    --charcoal: #2a2a2a;

    /* Acier */
    --steel: #c8c8c8;
    --steel-2: #a8a8a8;
    --steel-3: #888888;
    --steel-dark: #555555;

    /* Bois (couleur accent principale) */
    --wood: #b8895c;
    --wood-light: #d4a373;
    --wood-dark: #8b6f47;
    --wood-deep: #5d4a32;

    /* Texte */
    --white: #f5f5f5;
    --text: #d8d8d8;
    --text-mute: #909090;
    --text-dim: #6a6a6a;

    /* Bordures */
    --border: rgba(200, 200, 200, 0.12);
    --border-strong: rgba(200, 200, 200, 0.25);

    /* Typographie */
    --font-display: 'Bebas Neue', 'Oswald', sans-serif;
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* Espacements / structure */
    --container: 1280px;
    --section-pad: 120px;

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