/* ============================================================
   Wanted Design System — Atomic Color Palette
   Raw, role-agnostic color scales. Never reference these directly
   in product UI — use the semantic tokens in semantic.css instead.
   Scale convention: higher number = lighter (0 = darkest, 100 = white).
   ============================================================ */

:root {
  /* Common — pure anchors */
  --common-0: rgb(0, 0, 0);
  --common-100: rgb(255, 255, 255);

  /* Neutral — pure grays */
  --neutral-0: rgb(0, 0, 0);
  --neutral-5: rgb(15, 15, 15);
  --neutral-10: rgb(23, 23, 23);
  --neutral-15: rgb(28, 28, 28);
  --neutral-20: rgb(42, 42, 42);
  --neutral-22: rgb(48, 48, 48);
  --neutral-30: rgb(71, 71, 71);
  --neutral-40: rgb(92, 92, 92);
  --neutral-50: rgb(115, 115, 115);
  --neutral-60: rgb(138, 138, 138);
  --neutral-70: rgb(155, 155, 155);
  --neutral-80: rgb(176, 176, 176);
  --neutral-90: rgb(196, 196, 196);
  --neutral-95: rgb(220, 220, 220);
  --neutral-99: rgb(247, 247, 247);
  --neutral-100: rgb(255, 255, 255);

  /* Cool Neutral — the workhorse gray, slightly blue-cool. Used for
     text, surfaces, lines across the whole system. */
  --cool-neutral-0: rgb(0, 0, 0);
  --cool-neutral-5: rgb(15, 15, 16);
  --cool-neutral-7: rgb(20, 20, 21);
  --cool-neutral-10: rgb(23, 23, 25);
  --cool-neutral-15: rgb(27, 28, 30);
  --cool-neutral-17: rgb(33, 34, 37);
  --cool-neutral-20: rgb(41, 42, 45);
  --cool-neutral-22: rgb(46, 47, 51);
  --cool-neutral-23: rgb(51, 52, 56);
  --cool-neutral-25: rgb(55, 56, 60);
  --cool-neutral-30: rgb(70, 71, 76);
  --cool-neutral-40: rgb(90, 92, 99);
  --cool-neutral-50: rgb(112, 115, 124);
  --cool-neutral-60: rgb(135, 138, 147);
  --cool-neutral-70: rgb(152, 155, 162);
  --cool-neutral-80: rgb(174, 176, 182);
  --cool-neutral-90: rgb(194, 196, 200);
  --cool-neutral-95: rgb(219, 220, 223);
  --cool-neutral-96: rgb(225, 226, 228);
  --cool-neutral-97: rgb(234, 235, 236);
  --cool-neutral-98: rgb(244, 244, 245);
  --cool-neutral-99: rgb(247, 247, 248);
  --cool-neutral-100: rgb(255, 255, 255);

  /* Blue — the Wanted brand hue. blue-50 (#0066FF) is the brand blue. */
  --blue-0: rgb(0, 0, 0);
  --blue-10: rgb(0, 21, 54);
  --blue-20: rgb(0, 41, 102);
  --blue-30: rgb(0, 62, 156);
  --blue-40: rgb(0, 84, 209);
  --blue-45: rgb(0, 94, 235);
  --blue-50: rgb(0, 102, 255);
  --blue-55: rgb(26, 117, 255);
  --blue-60: rgb(51, 133, 255);
  --blue-65: rgb(79, 149, 255);
  --blue-70: rgb(105, 165, 255);
  --blue-80: rgb(158, 197, 255);
  --blue-90: rgb(201, 222, 254);
  --blue-95: rgb(234, 242, 254);
  --blue-99: rgb(247, 251, 255);
  --blue-100: rgb(255, 255, 255);

  /* Red — negative / destructive */
  --red-0: rgb(0, 0, 0);
  --red-10: rgb(59, 1, 1);
  --red-20: rgb(115, 3, 3);
  --red-30: rgb(176, 12, 12);
  --red-40: rgb(229, 34, 34);
  --red-50: rgb(255, 66, 66);
  --red-60: rgb(255, 99, 99);
  --red-70: rgb(255, 140, 140);
  --red-80: rgb(255, 181, 181);
  --red-90: rgb(254, 213, 213);
  --red-95: rgb(254, 236, 236);
  --red-99: rgb(255, 250, 250);
  --red-100: rgb(255, 255, 255);

  /* Green — positive / success */
  --green-0: rgb(0, 0, 0);
  --green-10: rgb(0, 36, 12);
  --green-20: rgb(0, 69, 23);
  --green-30: rgb(0, 110, 37);
  --green-40: rgb(0, 150, 50);
  --green-50: rgb(0, 191, 64);
  --green-60: rgb(30, 212, 90);
  --green-70: rgb(73, 229, 125);
  --green-80: rgb(125, 245, 165);
  --green-90: rgb(172, 252, 199);
  --green-95: rgb(217, 255, 230);
  --green-99: rgb(242, 255, 246);
  --green-100: rgb(255, 255, 255);

  /* Orange — cautionary / warning */
  --orange-0: rgb(0, 0, 0);
  --orange-10: rgb(54, 30, 0);
  --orange-20: rgb(102, 58, 0);
  --orange-30: rgb(156, 88, 0);
  --orange-39: rgb(209, 118, 0);
  --orange-40: rgb(212, 120, 0);
  --orange-50: rgb(255, 146, 0);
  --orange-60: rgb(255, 169, 56);
  --orange-70: rgb(255, 192, 110);
  --orange-80: rgb(255, 212, 156);
  --orange-90: rgb(254, 230, 198);
  --orange-95: rgb(254, 244, 230);
  --orange-99: rgb(255, 252, 247);

  /* Red Orange — accent */
  --red-orange-10: rgb(41, 15, 0);
  --red-orange-20: rgb(89, 33, 0);
  --red-orange-30: rgb(145, 53, 0);
  --red-orange-40: rgb(201, 74, 0);
  --red-orange-48: rgb(245, 90, 0);
  --red-orange-50: rgb(255, 94, 0);
  --red-orange-60: rgb(255, 123, 46);
  --red-orange-70: rgb(255, 155, 97);
  --red-orange-80: rgb(255, 189, 150);
  --red-orange-90: rgb(254, 217, 196);
  --red-orange-95: rgb(254, 238, 229);
  --red-orange-99: rgb(255, 250, 247);

  /* Lime — accent */
  --lime-10: rgb(17, 41, 0);
  --lime-20: rgb(34, 82, 0);
  --lime-30: rgb(52, 125, 0);
  --lime-37: rgb(66, 158, 0);
  --lime-40: rgb(72, 173, 0);
  --lime-50: rgb(88, 207, 4);
  --lime-60: rgb(107, 224, 22);
  --lime-70: rgb(136, 240, 62);
  --lime-80: rgb(174, 247, 121);
  --lime-90: rgb(204, 252, 169);
  --lime-95: rgb(230, 255, 212);
  --lime-99: rgb(248, 255, 242);

  /* Cyan — accent */
  --cyan-10: rgb(0, 37, 43);
  --cyan-20: rgb(0, 72, 84);
  --cyan-30: rgb(0, 111, 130);
  --cyan-40: rgb(0, 152, 178);
  --cyan-50: rgb(0, 189, 222);
  --cyan-60: rgb(40, 208, 237);
  --cyan-70: rgb(87, 223, 247);
  --cyan-80: rgb(138, 237, 255);
  --cyan-90: rgb(181, 244, 255);
  --cyan-95: rgb(222, 250, 255);
  --cyan-99: rgb(247, 254, 255);

  /* Light Blue — accent */
  --light-blue-10: rgb(0, 33, 48);
  --light-blue-20: rgb(0, 66, 97);
  --light-blue-30: rgb(0, 103, 150);
  --light-blue-40: rgb(0, 141, 207);
  --light-blue-50: rgb(0, 174, 255);
  --light-blue-60: rgb(61, 194, 255);
  --light-blue-70: rgb(112, 210, 255);
  --light-blue-80: rgb(161, 225, 255);
  --light-blue-90: rgb(196, 236, 254);
  --light-blue-95: rgb(229, 246, 254);
  --light-blue-99: rgb(247, 253, 255);

  /* Pink — accent */
  --pink-10: rgb(61, 1, 51);
  --pink-20: rgb(115, 5, 96);
  --pink-30: rgb(168, 22, 144);
  --pink-40: rgb(211, 49, 184);
  --pink-46: rgb(232, 70, 205);
  --pink-50: rgb(245, 83, 218);
  --pink-60: rgb(250, 115, 227);
  --pink-70: rgb(255, 148, 237);
  --pink-80: rgb(255, 184, 243);
  --pink-90: rgb(254, 211, 247);
  --pink-95: rgb(254, 236, 251);
  --pink-99: rgb(255, 250, 254);

  /* Purple — accent */
  --purple-10: rgb(41, 2, 71);
  --purple-20: rgb(88, 10, 125);
  --purple-30: rgb(134, 28, 184);
  --purple-40: rgb(173, 54, 227);
  --purple-50: rgb(203, 89, 255);
  --purple-60: rgb(212, 120, 255);
  --purple-70: rgb(222, 150, 255);
  --purple-80: rgb(233, 186, 255);
  --purple-90: rgb(242, 214, 255);
  --purple-95: rgb(249, 237, 255);
  --purple-99: rgb(254, 251, 255);

  /* Violet — accent (the "AI / premium" hue, ~#6541F2) */
  --violet-10: rgb(17, 2, 77);
  --violet-20: rgb(35, 9, 143);
  --violet-30: rgb(58, 22, 201);
  --violet-40: rgb(79, 41, 229);
  --violet-45: rgb(91, 55, 237);
  --violet-50: rgb(101, 65, 242);
  --violet-60: rgb(125, 94, 247);
  --violet-70: rgb(158, 134, 252);
  --violet-80: rgb(192, 176, 255);
  --violet-90: rgb(219, 211, 254);
  --violet-95: rgb(240, 236, 254);
  --violet-99: rgb(251, 250, 255);
}