/**
 * Carat — tokens.css (FALLBACK STATIQUE)
 * Le :root réel est injecté inline par ThemeEngine::renderTokens() (tokens.json +
 * preset + overrides store) APRÈS ce fichier → prioritaire. Ce fichier ne sert que
 * de filet si le moteur n'injecte pas (ex. preview brut). Ne pas éditer à la main :
 * garder synchro avec tokens.json.
 */
:root {
  --color-primary: #0E2E44;
  --color-secondary: #14405E;
  --color-accent: #C8563C;
  --color-accent-ink: #9C3E28;
  --color-background: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4F1EC;
  --color-text: #0E2E44;
  --color-text-muted: #6E7A84;
  --color-border: #E2DED6;
  --color-border-strong: #CFC9BE;
  --color-success: #3F7D5A;
  --color-warning: #C9A227;
  --color-danger: #B4413A;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #FFFFFF;

  /* Fonds pastel « studio » des vignettes catégorie (signature Carat) */
  --color-tint-1: #F2B8C6;
  --color-tint-2: #7FD4D8;
  --color-tint-3: #F5C77E;
  --color-tint-4: #C9B8E8;
  --color-tint-5: #F4A98F;
  --color-tint-6: #9FD8B8;
  --color-tint-7: #F2D06B;
  --color-tint-8: #B8C9E8;

  --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;
  /* Cormorant Garamond en 400 rend les grands titres (hero) trop fins ; 600 leur
     donne du corps sans les alourdir (poids chargé dans le header carat). */
  --font-weight-heading: 600;
  --line-height-base: 1.7;
  --line-height-heading: 1.2;
  --letter-spacing-label: 0.14em;

  --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: 96px;

  --shadow-sm: 0 1px 2px rgba(14, 46, 68, 0.05), 0 1px 3px rgba(14, 46, 68, 0.07);
  --shadow-md: 0 4px 14px rgba(14, 46, 68, 0.08), 0 14px 40px rgba(14, 46, 68, 0.10);
  --transition-base: 260ms cubic-bezier(0.22, 0.61, 0.36, 1);

  --header-height: 76px;
  --container-max-width: 1440px;
  --container-padding: 28px;
  --section-spacing: 84px;
  --logo-size: 34px;
}