/* ============================================================
   Wanted Design System — Atomic Color Ramps
   13 ramps × 12-15 stops, sourced directly from Figma.
   Use these only when no semantic token fits; prefer
   semantic.css for product UI.
   ============================================================ */

:root {
  /* Common */
  --c-common-100: #FFFFFF;
  --c-common-0:   #000000;

  /* Neutral — pure grayscale */
  --c-neutral-99: #F7F7F7;
  --c-neutral-95: #DCDCDC;
  --c-neutral-90: #C4C4C4;
  --c-neutral-80: #B0B0B0;
  --c-neutral-70: #9B9B9B;
  --c-neutral-60: #8A8A8A;
  --c-neutral-50: #737373;
  --c-neutral-40: #5C5C5C;
  --c-neutral-30: #474747;
  --c-neutral-20: #303030;
  --c-neutral-17: #2A2A2A;
  --c-neutral-10: #1C1C1C;
  --c-neutral-7:  #171717;
  --c-neutral-5:  #0F0F0F;
  --c-neutral-0:  #000000;

  /* Cool Neutral — UI surfaces, lines, text (cool-leaning gray) */
  --c-coolNeutral-99: #F7F7F8;
  --c-coolNeutral-97: #F4F4F5;
  --c-coolNeutral-95: #EAEBEC;
  --c-coolNeutral-90: #E1E2E4;
  --c-coolNeutral-87: #DBDCDF;
  --c-coolNeutral-77: #C2C4C8;
  --c-coolNeutral-70: #AEB0B6;
  --c-coolNeutral-62: #989BA2;
  --c-coolNeutral-55: #878A93;
  --c-coolNeutral-50: #70737C;
  --c-coolNeutral-40: #5A5C63;
  --c-coolNeutral-30: #46474C;
  --c-coolNeutral-25: #37383C;
  --c-coolNeutral-22: #333438;
  --c-coolNeutral-20: #2E2F33;
  --c-coolNeutral-17: #292A2D;
  --c-coolNeutral-15: #212225;
  --c-coolNeutral-12: #1B1C1E;
  --c-coolNeutral-10: #171719;
  --c-coolNeutral-8:  #141415;
  --c-coolNeutral-5:  #0F0F10;
  --c-coolNeutral-0:  #000000;

  /* Blue — brand primary. 50 is Wanted Blue (#0066FF) */
  --c-blue-99: #F7FBFF;
  --c-blue-95: #EAF2FE;
  --c-blue-87: #C9DEFE;
  --c-blue-77: #9EC5FF;
  --c-blue-65: #69A5FF;
  --c-blue-58: #4F95FF;
  --c-blue-52: #3385FF;
  --c-blue-50: #1A75FF;
  --c-blue-45: #0066FF;
  --c-blue-40: #005EEB;
  --c-blue-35: #0054D1;
  --c-blue-25: #003E9C;
  --c-blue-15: #002966;
  --c-blue-5:  #001536;
  --c-blue-0:  #000000;

  /* Red — destructive / negative */
  --c-red-99: #FFFAFA;
  --c-red-95: #FEECEC;
  --c-red-90: #FED5D5;
  --c-red-80: #FFB5B5;
  --c-red-70: #FF8C8C;
  --c-red-60: #FF6363;
  --c-red-50: #FF4242;
  --c-red-40: #E52222;
  --c-red-30: #B20C0C;
  --c-red-15: #750404;
  --c-red-5:  #3B0101;
  --c-red-0:  #000000;

  /* Green — positive / success */
  --c-green-99: #F2FFF6;
  --c-green-95: #D9FFE6;
  --c-green-87: #ACFCC7;
  --c-green-77: #7DF5A5;
  --c-green-65: #49E57D;
  --c-green-55: #1ED45A;
  --c-green-50: #00BF40;
  --c-green-40: #009632;
  --c-green-30: #006E25;
  --c-green-15: #004517;
  --c-green-5:  #00240C;
  --c-green-0:  #000000;

  /* Orange — caution / energy */
  --c-orange-99: #FFFCF7;
  --c-orange-95: #FEF4E6;
  --c-orange-87: #FEE6C6;
  --c-orange-77: #FFD49C;
  --c-orange-65: #FFC06E;
  --c-orange-55: #FFA938;
  --c-orange-50: #FF9200;
  --c-orange-45: #D47800;
  --c-orange-40: #D17600;
  --c-orange-30: #9C5800;
  --c-orange-15: #663A00;
  --c-orange-5:  #361E00;

  /* Red Orange — accent (urgent / hot) */
  --c-redOrange-99: #FFFAF7;
  --c-redOrange-95: #FEEEE5;
  --c-redOrange-87: #FEDBC6;
  --c-redOrange-77: #FFC09C;
  --c-redOrange-65: #FF9C63;
  --c-redOrange-55: #FF7B2E;
  --c-redOrange-50: #FF5E00;
  --c-redOrange-48: #F55A00;
  --c-redOrange-40: #CC4B00;
  --c-redOrange-30: #943600;
  --c-redOrange-15: #5C2200;
  --c-redOrange-5:  #2E1100;

  /* Lime — accent */
  --c-lime-99: #F8FFF2;
  --c-lime-95: #E6FFD4;
  --c-lime-87: #CCFCA9;
  --c-lime-77: #AEF779;
  --c-lime-65: #88F03E;
  --c-lime-55: #6BE016;
  --c-lime-50: #58CF04;
  --c-lime-40: #48AD00;
  --c-lime-37: #429E00;
  --c-lime-30: #347D00;
  --c-lime-15: #225200;
  --c-lime-5:  #112900;

  /* Cyan — accent */
  --c-cyan-99: #F7FEFF;
  --c-cyan-95: #DEFAFF;
  --c-cyan-87: #B5F4FF;
  --c-cyan-77: #8AEDFF;
  --c-cyan-65: #57DFF7;
  --c-cyan-55: #28D0ED;
  --c-cyan-50: #00BDDE;
  --c-cyan-40: #0098B2;
  --c-cyan-30: #006F82;
  --c-cyan-15: #004854;
  --c-cyan-5:  #00252B;

  /* Light Blue — accent */
  --c-lightBlue-99: #F7FDFF;
  --c-lightBlue-95: #E5F6FE;
  --c-lightBlue-87: #C4ECFE;
  --c-lightBlue-77: #A1E1FF;
  --c-lightBlue-65: #70D2FF;
  --c-lightBlue-55: #3DC2FF;
  --c-lightBlue-50: #00AEFF;
  --c-lightBlue-40: #008DCF;
  --c-lightBlue-30: #006796;
  --c-lightBlue-15: #004261;
  --c-lightBlue-5:  #002130;

  /* Violet — AI / Agent accent */
  --c-violet-99: #FBFAFF;
  --c-violet-95: #F0ECFE;
  --c-violet-87: #DBD3FE;
  --c-violet-77: #C0B0FF;
  --c-violet-65: #9E86FC;
  --c-violet-55: #7D5EF7;
  --c-violet-50: #6541F2;
  --c-violet-45: #5B37ED;
  --c-violet-40: #4F29E5;
  --c-violet-30: #3A16C9;
  --c-violet-15: #23098F;
  --c-violet-5:  #11024D;

  /* Purple — accent */
  --c-purple-99: #FEFBFF;
  --c-purple-95: #F9EDFF;
  --c-purple-87: #F2D6FF;
  --c-purple-77: #E9BAFF;
  --c-purple-65: #DE96FF;
  --c-purple-55: #D478FF;
  --c-purple-50: #CB59FF;
  --c-purple-40: #AD36E3;
  --c-purple-30: #861CB8;
  --c-purple-15: #580A7D;
  --c-purple-5:  #290247;

  /* Pink — accent */
  --c-pink-99: #FFFAFE;
  --c-pink-95: #FEECFB;
  --c-pink-87: #FED3F7;
  --c-pink-77: #FFB8F3;
  --c-pink-65: #FF94ED;
  --c-pink-55: #FA73E3;
  --c-pink-50: #F553DA;
  --c-pink-46: #E846CD;
  --c-pink-40: #D331B8;
  --c-pink-30: #A81690;
  --c-pink-15: #730560;
  --c-pink-5:  #3D0133;

  /* Opacity ramp — multiply onto any atomic value */
  --o-5:  0.05;
  --o-8:  0.08;
  --o-12: 0.12;
  --o-16: 0.16;
  --o-22: 0.22;
  --o-28: 0.28;
  --o-35: 0.35;
  --o-43: 0.43;
  --o-52: 0.52;
  --o-61: 0.61;
  --o-74: 0.74;
  --o-88: 0.88;
  --o-97: 0.97;
}