/* Base palette. Zinc neutrals + lime accent, lifted verbatim from the SUPLiR app source. */
:root{
  /* Neutrals (Tailwind zinc — the app's only neutral ramp) */
  --zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;
  --zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;
  --white:#ffffff;
  /* App canvas — the app never uses pure white as a screen background */
  --canvas:#FAFAFA;

  /* Brand accent — SUPLiR lime */
  --lime-200:#D9F99D;   /* THE brand colour: CTAs, hover fills, highlights */
  --lime-300:#BEF264;   /* gradient partner for lime-200 */
  --lime-700:#4f6814;   /* solid lime button fill (Komoot import) */
  --lime-800:#3F6212;   /* ink on lime chips */
  --lime-glow:rgba(217,249,157,.4);

  /* Semantic ramps (Tailwind, as used in-app) */
  --amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-950:#451a03;
  --red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;
  --green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-900:#14532d;
  --emerald-50:#ecfdf5;--emerald-500:#10b981;
  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a8a;
  --cyan-50:#ecfeff;--cyan-500:#06b6d4;
  --orange-100:#ffedd5;--orange-600:#ea580c;

  /* Partner brand */
  --strava-orange:#FC4C02;
}