/**
 * Typographie globale — Futura GP
 * Palette : noir #070707 · or #C8A96B · blanc cassé #F2F2EE
 * Bebas Neue (titres) + Inter (tout le reste)
 *
 * @package MonTheme
 */

/* =============================================
   VARIABLES TYPOGRAPHIQUES GLOBALES
   ============================================= */
:root {
    --font-display:  'Bebas Neue', 'Barlow Condensed', sans-serif;
    --font-body:     'Inter', 'Helvetica Neue', Arial, sans-serif;

    /* Palette typo */
    --clr-text-primary:   #F2F2EE;
    --clr-text-secondary: #D8D8D0;
    --clr-text-muted:     #A6A6A0;
    --clr-accent:         #C8A96B;

    /* Surcharge variables thème */
    --color-accent:  #C8A96B;
    --font-heading:  'Bebas Neue', 'Barlow Condensed', sans-serif;
}

/* =============================================
   BASE
   ============================================= */
body {
    font-family: var(--font-body);
    color: var(--color-text, #333);
}

/* =============================================
   HIÉRARCHIE H1–H6
   ============================================= */

/* H1 — Bebas Neue · 72–88px · blanc cassé · lh 1.0 */
h1, .h1 {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.0;
    letter-spacing: .01em;
    text-transform: uppercase;
}

/* H2 — Bebas Neue · ~48px */
h2, .h2 {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(1.75rem, 3vw, 3rem);
    line-height: 1.05;
    letter-spacing: .01em;
    text-transform: uppercase;
}

/* H3 — Inter SemiBold · 20–24px */
h3, .h3 {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
}

/* H4–H6 */
h4, .h4 { font-family: var(--font-body); font-weight: 600; font-size: 1.05rem; }
h5, .h5 { font-family: var(--font-body); font-weight: 500; font-size: .975rem; }
h6, .h6 { font-family: var(--font-body); font-weight: 400; font-size: .875rem; color: var(--clr-text-muted); }

/* =============================================
   TEXTE COURANT
   ============================================= */
p, li, td, th {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 1rem;      /* 16–18px */
    line-height: 1.55;
}

small, .text-small {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: .875rem;   /* 14px */
    line-height: 1.4;
    color: var(--clr-text-muted);
}

/* =============================================
   BOUTONS GLOBAUX
   Inter Bold (primaire) / Inter SemiBold (secondaire) · 18–20px
   ============================================= */
.btn,
button[type="submit"],
input[type="submit"],
.button,
.woocommerce a.button,
.woocommerce button.button {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.2;
    transition: background .2s, color .2s, transform .15s;
}