/* ============================================================
   Warstwowo — Color tokens
   Primary direction: "Molten" — warm graphite + heated-filament orange.
   Distinct in a category that defaults to cool blue.
   ============================================================ */

:root {
  /* ---- Brand: Molten (heated filament / hotend glow) ---- */
  --molten-50:  #FFF3EC;
  --molten-100: #FFE3D2;
  --molten-200: #FFC4A3;
  --molten-300: #FF9F70;
  --molten-400: #FF7A45;
  --molten-500: #F2541B;  /* primary brand */
  --molten-600: #D8410F;
  --molten-700: #B0340C;
  --molten-800: #872709;
  --molten-900: #5E1B06;

  /* ---- Ink: warm graphite neutrals (not pure gray) ---- */
  --ink-900: #1A1614;  /* strongest text, dark surfaces */
  --ink-800: #2A2420;
  --ink-700: #3D362F;
  --ink-600: #564D44;
  --ink-500: #6B625A;  /* secondary text */
  --ink-400: #978D83;
  --ink-300: #B9AFA4;  /* muted / disabled text */
  --ink-200: #D9D1C7;  /* borders */
  --ink-150: #E6DFD6;
  --ink-100: #EFEAE3;  /* subtle fills / hairlines */
  --ink-50:  #F7F4EF;  /* tinted surface */

  --paper:   #FBFAF7;  /* page background */
  --white:   #FFFFFF;

  /* ---- Build-plate teal: secondary technical accent (sparse) ---- */
  --teal-100: #D5F0F2;
  --teal-400: #2BB7C4;
  --teal-500: #129AA8;
  --teal-700: #0B6B75;

  /* ---- Semantic ---- */
  --green-100: #DBF0E3;
  --green-500: #1E8A5B;  /* in stock / success */
  --green-700: #146043;
  --amber-100: #FBEBCD;
  --amber-500: #C8881A;  /* low stock / warning */
  --amber-700: #8C5E10;
  --red-100:   #FBE0DC;
  --red-500:   #D23B2E;  /* out of stock / error / sale */
  --red-700:   #97271D;
  --blue-100:  #DCE8FB;
  --blue-500:  #2563B8;  /* info / links */
  --blue-700:  #18437F;

  /* ===========================================================
     Semantic aliases — reference these in components, not raw scales
     =========================================================== */

  /* Surfaces */
  --surface-page:     var(--paper);
  --surface-card:     var(--white);
  --surface-sunken:   var(--ink-50);
  --surface-inverse:  var(--ink-900);
  --surface-brand:    var(--molten-500);
  --surface-brand-soft: var(--molten-50);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-300);
  --text-inverse:  var(--paper);
  --text-brand:    var(--molten-600);
  --text-on-brand: var(--white);
  --text-link:     var(--blue-500);

  /* Borders */
  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --border-brand:  var(--molten-500);
  --border-focus:  var(--molten-500);

  /* Status */
  --status-in-stock:  var(--green-500);
  --status-low-stock: var(--amber-500);
  --status-out:       var(--red-500);
  --status-sale:      var(--red-500);
}