/* ============================================================
   TIMBERIUM — COLOR TOKENS
   Anchored on the brand steel-navy (#225378, sampled from the logo)
   with a warm timber accent and a warm-grey "concrete" neutral ramp
   that echo the two materials of the Timberdal system: bois + béton.
   ============================================================ */
:root {
  /* --- Brand navy (primary) --- */
  --navy-900: #12303f;
  --navy-800: #163a4d;
  --navy-700: #17384f;
  --navy-600: #1e4a69;
  --navy-500: #225378;   /* BRAND PRIMARY — logo blue */
  --navy-400: #3d6e93;
  --navy-300: #6e97b5;
  --navy-200: #a9c3d6;
  --navy-100: #d6e1ea;
  --navy-50:  #edf2f6;

  /* --- Timber (warm wood accent, from the CAD renders) --- */
  --timber-700: #8a5a2b;
  --timber-600: #a06e34;
  --timber-500: #b57f45;   /* ACCENT — timber */
  --timber-400: #c99a63;
  --timber-300: #d9b483;
  --timber-200: #e8d0ac;
  --timber-100: #f2e6d2;

  /* --- Concrete (warm-grey neutral ramp) --- */
  --concrete-900: #26261f;
  --concrete-800: #35342d;
  --concrete-700: #4a4a43;
  --concrete-600: #63625b;
  --concrete-500: #7c7c74;
  --concrete-400: #9d9c93;
  --concrete-300: #bab9af;
  --concrete-200: #d6d5cc;
  --concrete-100: #e9e8e1;
  --concrete-50:  #f5f4ef;
  --white:        #ffffff;

  /* --- Functional / semantic (tie to the Timberdal story) --- */
  --feu-500:     #c0504d;   /* fire / danger — résistance au feu */
  --feu-100:     #f6e0df;
  --eau-500:     #3e8fb0;   /* water / info — gestion de l'eau */
  --eau-100:     #dcecf2;
  --carbone-500: #5e7d3a;   /* carbon / eco success — bas-carbone */
  --carbone-100: #e3ead6;
  --alerte-500:  #dd9a3f;   /* warning */
  --alerte-100:  #f7ead2;

  /* ============================================================
     SEMANTIC ALIASES — use these in components, not raw ramps
     ============================================================ */
  --brand:            var(--navy-500);
  --brand-strong:     var(--navy-700);
  --brand-soft:       var(--navy-50);
  --accent:           var(--timber-500);
  --accent-soft:      var(--timber-100);

  --text-strong:      var(--navy-900);
  --text-body:        var(--concrete-800);
  --text-muted:       var(--concrete-500);
  --text-onbrand:     var(--white);
  --text-link:        var(--navy-500);

  --surface-page:     var(--white);
  --surface-raised:   var(--white);
  --surface-sunken:   var(--concrete-50);
  --surface-card:     var(--white);
  --surface-brand:    var(--navy-500);
  --surface-brand-deep: var(--navy-900);
  --surface-accent:   var(--timber-100);

  --border-subtle:    var(--concrete-200);
  --border-default:   var(--concrete-300);
  --border-strong:    var(--navy-500);

  --focus-ring:       var(--navy-400);
}