/**
 * Tokens NEUTRES du moteur V4.
 *
 * Un preset les repeint ; le marchand les ajuste au Studio. Ces valeurs ne
 * sont donc PAS une identite, seulement un point de depart lisible pour un
 * theme qui n en declare aucune.
 *
 * 🔴 `ThemeEngine::renderTokens()` injecte les tokens du marchand EN LIGNE,
 * apres ce fichier : le JSON gagne donc toujours la cascade. Toute valeur
 * ecrite ici n est qu un repli.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --color-primary:           #1A1A1A;
  --color-secondary:         #1A1A1A;
  --color-accent:            #C2A14D;
  --color-background:        #FFFFFF;
  --color-surface:           #F7F7F7;
  --color-border:            #E2DED6;
  --color-text:              #1A1A1A;
  --color-text-muted:        #6E7A84;
  --color-success:           #3F7D5A;
  --color-warning:           #C08A2E;
  --color-danger:            #B4534E;
  --font-family-base:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-heading:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base:          16px;
  --font-weight-heading:     600;
  --line-height-base:        1.6;
  --letter-spacing-heading:  -0.02em;
  --letter-spacing-label:    0.12em;
  --text-transform-label:    uppercase;
  --border-radius:           8px;
  --border-radius-sm:        4px;
  --border-radius-lg:        16px;
  --button-radius:           8px;
  --shadow-style:            subtle;
  --container-max-width:     1200px;
  --section-spacing:         80px;
  --header-height:           72px;

  /* Derivees — le CSS du socle les attend. */
  --color-primary-dark:    #111111;
  --color-accent-dark:     #A9863A;
  --color-surface-dark:    #1A1A1A;
  --color-surface-blue:    #EFF3F7;
  --color-text-light:      #9A9A9A;
  --topbar-height:         38px;
  --container-max:         1200px;
  --radius:                var(--border-radius, 8px);
  --radius-sm:             var(--border-radius-sm, 6px);
  --radius-lg:             var(--border-radius-lg, 14px);
  --btn-radius:            var(--button-radius, 6px);
  --shadow-xs:             0 1px 2px rgba(0,0,0,.05);
  --shadow-sm:             0 2px 8px rgba(0,0,0,.06);
  --shadow-md:             0 8px 24px rgba(0,0,0,.08);
  --shadow-lg:             0 18px 48px rgba(0,0,0,.12);
}