/**
 * Catalog — tokens.css (FALLBACK STATIQUE)
 * Le :root reel est injecte inline par ThemeEngine::renderTokens() (tokens.json +
 * preset + overrides store) APRES ce fichier -> prioritaire. Ce fichier ne sert que
 * de filet si le moteur n injecte pas (ex. preview brut).
 * GENERE depuis tokens.json — ne pas editer a la main.
 */
:root {
  --color-primary: #1C1B19;
  --color-secondary: #2F2C27;
  --color-accent: #B8893C;
  --color-accent-ink: #8E6728;
  --color-background: #FAF8F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2EDE4;
  --color-text: #1C1B19;
  --color-text-muted: #6E6960;
  --color-border: #E4DDD0;
  --color-border-strong: #CFC5B2;
  --color-success: #3F7D5A;
  --color-warning: #C9A227;
  --color-danger: #B4413A;
  --color-on-primary: #FAF8F4;
  --color-on-accent: #FFFFFF;
  --color-on-media: #FFFFFF;
  --color-tint-1: #E8DCC8;
  --color-tint-2: #D9C9AE;
  --color-tint-3: #E3D5C0;
  --color-tint-4: #CFC2AC;
  --color-tint-5: #EDE3D2;
  --color-tint-6: #D6CDBC;
  --color-tint-7: #E0D2B8;
  --color-tint-8: #C8BCA6;

  --font-family-base: 'Jost', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --font-weight-base: 300;
  --font-weight-medium: 400;
  --font-weight-heading: 600;

  --line-height-base: 1.75;
  --line-height-heading: 1.15;

  --letter-spacing-label: 0.18em;

  --border-radius: 0px;
  --border-radius-sm: 0px;
  --border-radius-lg: 0px;

  --button-radius: 0px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 104px;

  --shadow-sm: 0 1px 2px rgba(28, 27, 25, 0.04), 0 1px 3px rgba(28, 27, 25, 0.06);
  --shadow-md: 0 4px 14px rgba(28, 27, 25, 0.07), 0 14px 40px rgba(28, 27, 25, 0.09);

  --transition-base: 260ms cubic-bezier(0.22, 0.61, 0.36, 1);

  --header-height: 80px;

  --container-max-width: 1400px;
  --container-padding: 28px;

  --section-spacing: 96px;

  --logo-size: 38px;
}
