/* OLS colour palette — Al Khobar branch. Values are verbatim from the brand book. */
:root{
  /* ---- brand palette (exact) ---- */
  --ols-black: #000000;        /* Black U */
  --ols-white: #FFFFFF;        /* White U */
  --ols-charcoal: #2A2625;     /* P 176-16 U — Charcoal Black */
  --ols-green-dark: #005240;   /* P 132-15 U — Dark Green. Max 5% of any layout. */
  --ols-green-soft: #C8D796;   /* P 157-11 U — Soft Green */

  /* ---- derived neutrals: tints of charcoal on white, never new hues ---- */
  --ols-charcoal-88: #413d3c;
  --ols-charcoal-64: #6c6968;
  --ols-charcoal-44: #969392;
  --ols-charcoal-24: #c4c2c1;
  --ols-charcoal-12: #e0dfdf;
  --ols-charcoal-06: #efeeee;
  --ols-charcoal-03: #f7f7f6;

  /* ---- derived greens: only for hover/press and tints, never as new brand colours ---- */
  --ols-green-dark-press: #003D2F;
  --ols-green-dark-12: #e0eae7;
  --ols-green-soft-40: #eef3dd;
  --ols-green-soft-16: #f8fbef;

  /* ---- nutrition accents: reuse palette only ---- */
  --ols-cal: var(--ols-charcoal);
  --ols-protein: var(--ols-green-dark);
  --ols-carb: var(--ols-charcoal-64);
  --ols-fat: var(--ols-charcoal-64);
}