/* iNeed 2.0 — PRIMITIVE color ramps. Never reference these in UI code directly;
   consume the semantic layer (semantic.css).
   Master brand = Need Violet #4334DF — the vector logo master's violet
   (assets/brand/mark.svg). 7.5:1 on white: AAA for body text.
   Orange is the WARM SECONDARY, re-tuned to sit with the violet (promos, food
   warmth, ratings) — never the brand. */
:root{
  /* Brand violet */
  --brand-50:#F0EEFE; --brand-100:#E4E1FD; --brand-200:#CBC5FB; --brand-300:#A79EF7;
  --brand-400:#7C6FF0; --brand-500:#4334DF; --brand-600:#3626BE; --brand-700:#2B1D97;
  --brand-800:#211674; --brand-900:#181052; --brand-950:#0E0930;
  /* iNeed MORE — premium subscription sub-brand (deep violet gradient badge) */
  --more-from:#1B1670; --more-to:#4334DF; --more-ink:#080D23;
  /* Warm secondary — orange (coral-leaning to harmonise with violet) */
  --orange-50:#FFF2EC; --orange-100:#FFE1D2; --orange-200:#FFC5A8; --orange-300:#FF9F73;
  --orange-400:#FB8149; --orange-500:#F26232; --orange-600:#C24E14; --orange-700:#99390A;
  /* Cool ink neutrals (anchored on Deep Ink #141521) */
  --n-0:#FFFFFF; --n-25:#FCFCFE; --n-50:#F5F4FC; --n-100:#ECEBF4; --n-200:#DDDCE9;
  --n-300:#C2C1D2; --n-400:#9E9EB1; --n-500:#79798E; --n-600:#5A5A6E; --n-700:#424353;
  --n-800:#2C2D3A; --n-900:#1B1C28; --n-950:#141521; --n-1000:#0B0C12;
  /* Dark-mode surface primitives (cool, never pure black) */
  --nd-bg:#0E0F16; --nd-1:#16171F; --nd-2:#1E1F2A; --nd-3:#272836;
  --nd-text-1:#F2F2F7; --nd-text-2:#ACADBE; --nd-text-3:#8A8B9E;
  --nd-border:rgba(255,255,255,0.10); --nd-border-strong:rgba(255,255,255,0.16);
  /* Role accents (Customer uses the brand violet itself) */
  --green-50:#E9F7F0; --green-100:#D0EFE1; --green-400:#2FBF84; --green-500:#0D9B62; --green-600:#067A4B; --green-700:#045C39;
  --teal-50:#E7F7F9; --teal-100:#CBEEF2; --teal-400:#2CC1D0; --teal-500:#00A2B3; --teal-600:#007A8A; --teal-700:#005C68;
  --rose-50:#FDEDF3; --rose-100:#FBD8E5; --rose-400:#EE6D9E; --rose-500:#DD3E77; --rose-600:#B62A5C; --rose-700:#8E1F46;
  --blue-50:#EBF3FC; --blue-100:#D7E7FA; --blue-400:#62A3E8; --blue-500:#2E7CD6; --blue-600:#1F5FAD; --blue-700:#174883;
  /* Semantic-state ramps */
  --amber-50:#FBF3DF; --amber-100:#F6E4BB; --amber-400:#EFB53B; --amber-500:#D98F00; --amber-600:#B77900; --amber-700:#8F5F00;
  --red-50:#FCEBEE; --red-100:#F8D3DA; --red-400:#ED7286; --red-500:#E03E52; --red-600:#BC2438; --red-700:#931A2B;
}