/**
 * File: variables.css
 * Theme: RTMKR (pipnhub child)
 * Description: Override des variables CSS du parent — sobriété, noir/gris/blanc, typographie galerie d'art.
 *
 * ⚙️ Ce fichier surcharge assets/css/variables.css du thème parent.
 */

:root {
  /* ========== COULEURS ========== */

  --color-primary: #1a1a1a;           /* Quasi-noir — titres, texte, header, footer */
  --color-secondary: #8c8c8c;         /* Gris moyen — accent sobre */
  --color-neutral: #e0e0e0;           /* Gris clair — borders, fonds */

  /* Variantes */
  --color-secondary-light: #b8b8b8;
  --color-secondary-dark: #5a5a5a;

  /* Texte */
  --color-text: #1a1a1a;
  --color-text-light: #6b6b6b;
  --color-text-muted: #9e9e9e;
  --color-text-inverse: #f5f5f5;

  /* Backgrounds */
  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f7;
  --color-bg-dark: #1a1a1a;

  /* Borders */
  --color-border: #e0e0e0;
  --color-border-light: #efefef;


  /* ========== TYPOGRAPHIE ========== */

  --font-display: 'Cormorant Garamond', 'Georgia', serif;    /* Titres — classique élégant */
  --font-body:    'Inter', 'Arial', sans-serif;              /* Corps — moderne lisible */
  --font-accent:  'Inter', 'Arial', sans-serif;              /* Menus, badges */

  /* Tailles — inchangées */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3rem;

  /* Weights */
  --font-normal:   400;
  --font-semibold: 600;
  --font-bold:     700;

  /* Line heights */
  --leading-tight:   1.2;
  --leading-normal:  1.6;
  --leading-relaxed: 1.8;


  /* ========== ESPACEMENTS ========== */

  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;


  /* ========== LAYOUT ========== */

  --container-max: 1200px;
  --content-max:   820px;
  --grid-gap:      var(--space-md);


  /* ========== GALERIE ========== */

  --gallery-viewer-height: 600px;       /* Hauteur de l'image principale */
  --gallery-thumb-size:    90px;        /* Taille des thumbnails */
  --gallery-thumb-gap:     var(--space-xs);
  --gallery-transition:    0.35s ease;


  /* ========== EFFETS ========== */

  --transition:    0.25s ease;
  --shadow:        0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-lg:     0 6px 20px rgba(0, 0, 0, 0.15);
  --border-radius: 2px;                 /* Sobre, presque carré */
}