/* Généré automatiquement — modele-concession — ne pas éditer à la main */
:root {
  color-scheme: dark;
  --brand-primary:        #ec0000;
  --brand-primary-rgb:    236, 0, 0;
  --brand-primary-dark:   #c20000;
  --brand-primary-light:  #ef2e2e;

  --brand-secondary:      #0f0f0f;
  --brand-dark:           #0f0f0f;
  --brand-dark-rgb:       15, 15, 15;
  --brand-dark-soft:      #2c2c2c;
  --brand-dark-2:         #3a3a3a;

  --brand-bg-soft:        #f5f7fc;
  --brand-bg-softer:      #ffffff;
  --brand-bg-white:       #eef1fa;

  --brand-text-heading:   #0f0f0f;
  --brand-text-body:      #1b243a;
  --brand-text-muted:     #5c6a8a;
  --brand-text-soft:      #8a94ab;
  --brand-text-on-dark:   rgba(255, 255, 255, 0.85);

  --brand-border:         #b6bcca;
  --brand-border-dark:    #313131;
  --brand-border-on-dark: rgba(255, 255, 255, 0.20);

  --brand-glow-05:        rgba(236, 0, 0, 0.05);
  --brand-glow-15:        rgba(236, 0, 0, 0.15);
  --brand-glow-25:        rgba(236, 0, 0, 0.25);
  --brand-glow-30:        rgba(236, 0, 0, 0.3);
  --brand-glow-35:        rgba(236, 0, 0, 0.35);
  --brand-glow-45:        rgba(236, 0, 0, 0.45);

  --brand-hero-overlay:     rgba(15, 15, 15, 0.7);
  --brand-hero-overlay-mid: rgba(15, 15, 15, 0.5);
  --brand-hero-overlay-soft:rgba(15, 15, 15, 0.2);

  --brand-nav-text:         #ffffff;
  --brand-nav-text-hover:   #ec0000;
  --brand-nav-text-active:  #ec0000;
  --brand-nav-bg:           rgba(255, 255, 255, 0.1);
  --brand-nav-bg-opacity:   10;
  --brand-nav-bg-blur:      10px;

  --brand-nav-solid-text:         #0f0f0f;
  --brand-nav-solid-text-hover:   #ec0000;
  --brand-nav-solid-text-active:  #ec0000;
  --brand-nav-solid-bg:           #eef1fa;

  --brand-font-body:      'Barlow', system-ui, sans-serif;
  --brand-font-heading:   'Saira', system-ui, sans-serif;
  --brand-font-display:   'Saira', system-ui, sans-serif;
  --brand-font-body-weight:     400;
  --brand-font-heading-weight:  500;
  --brand-font-heading-letter-spacing: 0;
  --ls-heading:                 var(--brand-font-heading-letter-spacing);
  --tj-fw-bold:                 var(--brand-font-heading-weight);
  --tj-fw-sbold:                var(--brand-font-heading-weight);
  --tj-fw-medium:               var(--brand-font-body-weight);
  --tj-fw-regular:              var(--brand-font-body-weight);

  --nav-logo-max-width:   136px;
  --nav-logo-max-height:  48px;

}

/* Pont thème → jetons du châssis concession */
:root {
  --accent: #ec0000;
  --accent-deep: #b80000;
  --font-heading: 'Saira';
  --font-body: 'Barlow';
}