/* Généré automatiquement — archive-famille — ne pas éditer à la main */
:root {
  color-scheme: dark;
  --brand-primary:        #9c6238;
  --brand-primary-rgb:    156, 98, 56;
  --brand-primary-dark:   #895631;
  --brand-primary-light:  #ab7a56;

  --brand-secondary:      #14100d;
  --brand-dark:           #14100d;
  --brand-dark-rgb:       20, 16, 13;
  --brand-dark-soft:      #2c2825;
  --brand-dark-2:         #3a3634;

  --brand-bg-soft:        #1b1510;
  --brand-bg-softer:      #14100d;
  --brand-bg-white:       #1e1811;

  --brand-text-heading:   #efe7da;
  --brand-text-body:      #efe7da;
  --brand-text-muted:     #b3a68f;
  --brand-text-soft:      #bcb19c;
  --brand-text-on-dark:   rgba(255, 255, 255, 0.92);

  --brand-border:         #c4baa8;
  --brand-border-dark:    #3e3b39;
  --brand-border-on-dark: rgba(255, 255, 255, 0.20);

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

  --brand-hero-overlay:     rgba(20, 16, 13, 0.7);
  --brand-hero-overlay-mid: rgba(20, 16, 13, 0.5);
  --brand-hero-overlay-soft:rgba(20, 16, 13, 0.2);

  --brand-nav-text:         #ffffff;
  --brand-nav-text-hover:   #d8b48c;
  --brand-nav-text-active:  #d8b48c;
  --brand-nav-bg:           rgba(20, 16, 13, 0.78);
  --brand-nav-bg-opacity:   78;
  --brand-nav-bg-blur:      9px;

  --brand-nav-solid-text:         #efe7da;
  --brand-nav-solid-text-hover:   #d8b48c;
  --brand-nav-solid-text-active:  #d8b48c;
  --brand-nav-solid-bg:           #1e1811;

  --brand-font-body:      'Roboto Slab', system-ui, sans-serif;
  --brand-font-heading:   'Oswald', system-ui, sans-serif;
  --brand-font-display:   'Oswald', system-ui, sans-serif;
  --brand-font-body-weight:     400;
  --brand-font-heading-weight:  600;
  --brand-font-heading-letter-spacing: -0.01em;
  --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:   100px;
  --nav-logo-max-height:  40px;

}

/* Pont skin → jetons du châssis archive */
:root {
  --color-antique-gold: #b5794a;
  --gold: #b5794a;
  --gold-soft: #d8b48c;
  --bg: #0f0f0f;
  --bg-2: #151515;
  --surface: #1a1a18;
  --surface-2: #241d15;
  --border: #2c2b27;
  --border-strong: #3a3833;
  --text: #f7f8ee;
  --color-ivory-mist: #f7f8ee;
  --muted: #B8B5B0;
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Roboto Slab", Georgia, serif;
  --font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}