/**
 * SWS Theme Modern - tokens.css
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=Cormorant+Garamond:wght@500;600&display=swap');

:root {
  --color-primary:       #7A4E63;
  --color-primary-dark:  #5E3A4C;
  --color-secondary:     #2A2030;
  --color-accent:        #C2A14D;
  --color-accent-dark:   #A9863A;
  --color-background:    #FBF6EF;
  --color-surface:       #F3E9DE;
  --color-surface-dark:  #2A2030;
  --color-surface-blue:  #EFE4DA;
  --color-surface-peach: #F6E7E1;
  --color-text:          #3A2C34;
  --color-text-muted:    #6E5E66;
  --color-text-light:    #B3A4AB;
  --color-border:        #E7DBCF;
  --color-success:       #3F7D5A;
  --color-warning:       #C08A2E;
  --color-danger:        #B4534E;

  --font-family-base:    'Inter', sans-serif;
  --font-family-heading: 'Playfair Display', Georgia, serif;
  --font-size-base:      16px;
  --font-weight-heading: 600;
  --line-height-base:    1.7;

  /*
   * Ces 4 variables sont ce que le CSS lit VRAIMENT (42 usages dans ce
   * thème). Le design system V4 émet `--border-radius`, `--border-radius-sm`,
   * `--border-radius-lg`, `--button-radius` (ThemeTokens::toCssRoot(), lu
   * après ce fichier) : un preset qui règle `border_radius` n'avait donc
   * AUCUN effet visuel, quelle que soit la valeur choisie — deux vocabulaires
   * de tokens coexistaient sans lien. Le fallback ci-dessous fait gagner le
   * nom riche par la CASCADE (ThemeEngine::renderTokens() est injecté après
   * ce <link>) tout en gardant la valeur d'origine quand rien ne le règle.
   */
  --radius:     var(--border-radius, 12px);
  --radius-sm:  var(--border-radius-sm, 8px);
  --radius-lg:  var(--border-radius-lg, 18px);
  --btn-radius: var(--button-radius, 10px);

  --header-height:      64px;
  --topbar-height:      38px;
  --container-max:      1200px;
  --container-max-width:1200px;
  --section-spacing:    88px;

  --shadow-xs: 0 1px 3px rgba(58,42,51,0.05);
  --shadow-sm: 0 2px 12px rgba(58,42,51,0.07);
  --shadow-md: 0 10px 34px rgba(58,42,51,0.09);
  --shadow-lg: 0 22px 60px rgba(58,42,51,0.14);
}