/**
 * BienHabillé — Variables Niche Fashion Homme
 * Surcharge des variables Phase 1 pour la niche spécifique
 *
 * @package BienHabille
 */

:root {

  /* ─── Couleurs niche ─── */
  --bh-white:        #FFFFFF;
  --bh-black:        #0A0A0A;
  --bh-beige-light:  #F5F0EA;
  --bh-beige-mid:    #EDE6DC;
  --bh-beige-dark:   #C8B89A;
  --bh-gray-light:   #F5F5F5;
  --bh-gray-mid:     #E0E0E0;
  --bh-gray-text:    #6B6B6B;
  --bh-red:          #CC0000;
  --bh-green:        #2D7A4F;
  --bh-orange:       #E8720C;

  /* ─── Typographie ─── */
  --bh-font:         'DM Sans', Inter, -apple-system, sans-serif;
  --bh-font-display: 'DM Sans', Inter, -apple-system, sans-serif;

  /* ─── Tailles texte ─── */
  --bh-text-xs:    12px;
  --bh-text-sm:    13px;
  --bh-text-base:  15px;
  --bh-text-md:    17px;
  --bh-text-lg:    20px;
  --bh-text-xl:    24px;
  --bh-text-2xl:   32px;
  --bh-text-3xl:   48px;
  --bh-text-giant: clamp(60px, 10vw, 120px);

  /* ─── Espacements ─── */
  --bh-space-1:   4px;
  --bh-space-2:   8px;
  --bh-space-3:   12px;
  --bh-space-4:   16px;
  --bh-space-5:   20px;
  --bh-space-6:   24px;
  --bh-space-8:   32px;
  --bh-space-10:  40px;
  --bh-space-12:  48px;
  --bh-space-16:  64px;
  --bh-space-20:  80px;
  --bh-space-24:  96px;

  /* ─── Border radius ─── */
  --bh-radius-sm:   4px;
  --bh-radius-md:   8px;
  --bh-radius-lg:   12px;
  --bh-radius-pill: 999px;

  /* ─── Ombres ─── */
  --bh-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --bh-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.10);
  --bh-shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.12);

  /* ─── Transitions ─── */
  --bh-transition:      0.2s ease;
  --bh-transition-slow: 0.35s ease;

  /* ─── Container ─── */
  --bh-container: 1440px;

  /* ─── Header ─── */
  --bh-header-offset: 120px;
}