/* Primitives, measured from the ECOil mark itself.
   leaf keeps the knot of greens in the drop: #68aa3f highlight, #4d823a body,
   #477536 shadow — hue drifts 97→107 and saturation 46→37 along that path,
   and the lighter and darker steps continue the same trajectory.
   flame does the same with #eb8c22 → #cb7e19 → #b6721c.
   bark and sand are those two hues drained of saturation: cool green ink
   on warm paper, the pairing the logo already makes against white. */
:root {
  --leaf-50: #f7fbf4;
  --leaf-100: #e9f4e1;
  --leaf-200: #d2eac3;
  --leaf-300: #99ce78;
  --leaf-400: #68aa3f;
  --leaf-500: #4d823a;
  --leaf-600: #477536;
  --leaf-700: #355d28;
  --leaf-800: #24411b;
  --leaf-900: #152810;

  --flame-50: #fef8f1;
  --flame-100: #fdeede;
  --flame-200: #f9dbb8;
  --flame-300: #f3b772;
  --flame-400: #efa148;
  --flame-500: #eb8c22;
  --flame-600: #cb7e19;
  --flame-700: #b6721c;
  --flame-800: #825417;
  --flame-900: #553711;

  --bark-50: #f7f8f7;
  --bark-100: #eff1ef;
  --bark-200: #e2e5e1;
  --bark-300: #c7cec5;
  --bark-400: #9da998;
  --bark-500: #75856f;
  --bark-600: #5c6b57;
  --bark-700: #465242;
  --bark-800: #303a2c;
  --bark-900: #1a2018;

  --sand-50: #fefdfb;
  --sand-100: #faf8f4;
  --sand-200: #f3eee8;
  --sand-300: #e8e1d9;
  --sand-400: #d4cbbf;
  --sand-500: #bbafa0;

  /* Category coding for the catalogue: eight hues held at leaf-level
     saturation so they read as one family, not a rainbow. */
  --cat-industrial: #5d7785;
  --cat-hydraulic: #2f7d6b;
  --cat-transmission: #8a6b2f;
  --cat-motor: #b4521f;
  --cat-compressor: #4a5a8f;
  --cat-transformer: #6b4a8f;
  --cat-vacuum: #3f6b7d;
  --cat-cooling: #2f6b8f;
}