/* ============================================================
   ARTS MERCANTILE — COLOR TOKENS  (official palette, 2024)
   The Merc Molten   #F03C04  "Golden Gate Bridge" — the one brand color
   460 Coal Black    #0E120E  "Night"               — primary ink
   AM Cream          #FBF6E8  "Old Lace"            — primary light surface
   Lincoln Gray      #C1BCB4  "Silver"              — warm neutral / fills
   The Merc White    #FEFEFE  "White"               — pure surface
   + corten-rust & moss as sparing material accents from imagery.
   ============================================================ */
:root {
  /* —— Core brand (official names) —— */
  --am-molten:   #F03C04;  /* The Merc Molten */
  --am-ink:      #0E120E;  /* 460 Coal Black */
  --am-paper:    #FBF6E8;  /* AM Cream */
  --am-gray:     #C1BCB4;  /* Lincoln Gray */
  --am-white:    #FEFEFE;  /* The Merc White */

  /* —— Coal-black / charcoal scale —— */
  --am-ink-900:  #070907;
  --am-ink-800:  #0E120E;  /* 460 Coal Black */
  --am-ink-700:  #1A201A;
  --am-ink-600:  #2C332C;
  --am-steel-500:#565C55;  /* mid steel — secondary text on light */
  --am-steel-400:#878C84;
  --am-steel-300:#A8A49B;

  /* —— Warm-gray (Lincoln) scale —— */
  --am-gray-400: #9A958C;
  --am-gray-300: #C1BCB4;  /* Lincoln Gray */
  --am-gray-200: #D8D4CC;
  --am-gray-100: #E9E5DC;
  /* legacy aliases */
  --am-concrete-200: var(--am-gray-300);
  --am-concrete-100: var(--am-gray-100);

  /* —— Paper / cream scale —— */
  --am-paper-0:   #FEFEFE;  /* The Merc White */
  --am-paper-50:  #FBF6E8;  /* AM Cream */
  --am-paper-100: #F3EBD7;  /* dim paper / sunk panels */
  --am-paper-200: #EADFC6;

  /* —— Molten scale —— */
  --am-molten-700: #992402;  /* deep — press / emphasis on cream */
  --am-molten-600: #C42F02;  /* hover / press */
  --am-molten-500: #F03C04;  /* base — The Merc Molten */
  --am-molten-300: #F78A5E;  /* tint */
  --am-molten-100: #FBD9C6;  /* wash */

  /* —— Material accents (use sparingly) —— */
  --am-corten:      #9A4A23;  /* weathering-steel rust */
  --am-corten-dark: #6E3318;
  --am-moss:        #3E4A33;  /* olive / patina green from imagery */
  --am-moss-300:    #7C8765;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  /* Surfaces */
  --bg:              var(--am-paper-50);
  --surface:         var(--am-paper-0);
  --surface-sunk:    var(--am-paper-100);
  --surface-inverse: var(--am-ink-800);
  --surface-brand:   var(--am-molten-500);

  /* Text */
  --text:            var(--am-ink-800);
  --text-muted:      var(--am-steel-500);
  --text-faint:      var(--am-steel-400);
  --text-inverse:    var(--am-paper-50);
  --text-brand:      var(--am-molten-500);
  --text-on-brand:   var(--am-paper-50);

  /* Lines & borders — the brand leans on hard hairline rules */
  --border:          var(--am-ink-800);
  --border-soft:     var(--am-gray-300);
  --border-strong:   var(--am-ink-900);
  --rule:            2px;
  --rule-bold:       4px;

  /* Interaction */
  --focus-ring:      var(--am-molten-500);
  --link:            var(--am-molten-600);
  --link-hover:      var(--am-molten-700);

  /* Status (on-brand: molten = alert/heat) */
  --ok:              var(--am-moss);
  --warn:            var(--am-corten);
  --alert:           var(--am-molten-500);
}