/* Korravo Web Design System: primitive palette (korravo.ai, v13). Not the Product Design System. Raw colour steps only: components never use these directly, they use the
   semantic tokens in semantic.css. Ramps are anchored on the Visual Recommendations palette and the colours already live on korravo.ai: each anchor sits
   at the step its lightness belongs to, and the steps between are interpolated in OKLCH. 50 is lightest, 950 darkest.
   Visual Recommendations anchors, exact hex: Primary Charcoal #121614 = neutral-950, Background Soft White #F7F7F5 = neutral-50,
   Surface Light Grey #ECEDEB = neutral-100, Mid Neutral Grey #B8BBB7 = neutral-400, Korravo Green #67B873 = leaf-500,
   Signature mint (button and eyebrow) #B0E1B6 = leaf-300. Complementary: Dark Green #102F2B = pine-900, supporting only, never in place of the brand green. */
:root{
  /* Korravo logo green (the filled square in the logo), Oct 21: brand marks and accent lines on light sections */
  --logo-green:#00B489; /* Oct 22 (Val): #00B489 is the single Korravo green for accents; the logo files keep their own colours; pale mint stays for buttons */
  --white:#FFFFFF;
  --black:#000000;
  /* neutral: Green-tinted grey. Every step is a colour already on the site. */
  --neutral-0:#FFFFFF;--neutral-25:#FBFBFA;--neutral-50:#F7F7F5;--neutral-100:#ECEDEB;--neutral-200:#DCDEDA;--neutral-300:#C9CCC9;--neutral-400:#B8BBB7;--neutral-500:#858C86;--neutral-600:#6F7570;--neutral-700:#474D49;--neutral-800:#2C332F;--neutral-850:#232925;--neutral-900:#1A1F1C;--neutral-950:#121614;
  /* slate: Cool grey for the dark story and use case sections. */
  --slate-50:#F4F7FE;--slate-100:#E9EDF5;--slate-200:#DADEE7;--slate-300:#C6CAD5;--slate-400:#ACB1BD;--slate-500:#9AA09B;--slate-600:#6B7079;--slate-700:#595E66;--slate-800:#3D4349;--slate-900:#272C31;--slate-950:#121614;
  /* green: Supporting greens still in the live build, mint through forest. Not the Korravo green (that is leaf-500); no semantic token points here. */
  --green-50:#EBFCF0;--green-100:#E1F3E6;--green-200:#C6E8D0;--green-300:#9FD7B1;--green-400:#5FC184;--green-500:#42B170;--green-600:#00B489;--green-700:#00683C;--green-800:#054A28;--green-900:#02351B;--green-950:#01210F;
  /* leaf: Korravo Green (500) and the signature mint (300): the main accent and the primary button. */
  --leaf-50:#EDFCEE;--leaf-100:#E3F3E4;--leaf-200:#C9EDCB;--leaf-300:#B0E1B6;--leaf-400:#84C38B;--leaf-500:#67B873;--leaf-600:#4F8D5A;--leaf-700:#2F6B3A;--leaf-800:#204E28;--leaf-900:#133319;--leaf-950:#09200D;
  /* pine: Complementary dark green from the Visual Recommendations. One step only: a supporting colour for deep panels and text on mint, never the brand green. */
  --pine-900:#102F2B;
  /* amber: Highlight and warning. */
  --amber-50:#FFF6E4;--amber-100:#FBEFD6;--amber-200:#EFDCB7;--amber-300:#E5C692;--amber-400:#D8A75F;--amber-500:#C98516;--amber-600:#9A6208;--amber-700:#8A5606;--amber-800:#5E3902;--amber-900:#3F2501;--amber-950:#291600;
  /* tangerine: Single focal accent. */
  --tangerine-50:#FFF4EF;--tangerine-100:#FBE4D8;--tangerine-200:#FAD5C3;--tangerine-300:#F3BDA3;--tangerine-400:#E89C79;--tangerine-500:#DC7A4F;--tangerine-600:#D8571B;--tangerine-700:#A83F0C;--tangerine-800:#712705;--tangerine-900:#4D1802;--tangerine-950:#320D01;
}