/* The shared palette of Oblique Software: 2 gray ramps and 12 color ramps,
   each with 10 steps from 50 (lightest) to 900 (darkest). Every app of the
   suite draws its colors from these ramps. A brand picks a short list from
   them. The lights, the badges and the chart order in parts.css and in the
   style guide read these values.

   Load this file after tokens.css. Copied from the shared style guide
   (~/Work/oblique, app/design/ramps.css); Homer may change its copy. The
   style guide at oblique.software/style-guide draws the Shared palette
   section, so a value changed here changes there. */

:root {
  /* Ink gray: the gray of the Ink look (Lomax, SuperMag) */
  --ink-50: #F6F6FC;
  --ink-100: #ECECF2;
  --ink-200: #DBDCE2;
  --ink-300: #C4C4D1;
  --ink-400: #A9AAB6;
  --ink-500: #8C8DA1;
  --ink-600: #727386;
  --ink-700: #58596C;
  --ink-800: #414156;
  --ink-900: #2B2C3F;

  /* Ledger gray: the gray of the Ledger look (Homer, Visitant) */
  --ledger-50: #F7F7FA;
  --ledger-100: #ECEDF2;
  --ledger-200: #E4E5EC;
  --ledger-300: #C2C3CE;
  --ledger-400: #9A9BAC;
  --ledger-500: #838498;
  --ledger-600: #6C6D80;
  --ledger-700: #55566B;
  --ledger-800: #414157;
  --ledger-900: #2B2C40;

  /* Cobalt: step 700 is the start color */
  --cobalt-50: #F3F7FF;
  --cobalt-100: #E5EDFE;
  --cobalt-200: #CDDCFF;
  --cobalt-300: #ADC5FE;
  --cobalt-400: #8AA8F6;
  --cobalt-500: #6589EC;
  --cobalt-600: #4469E1;
  --cobalt-700: #2B4BD7;
  --cobalt-800: #1B32A2;
  --cobalt-900: #0E1E79;

  /* Grape: step 600 is the start color */
  --grape-50: #F7F5FF;
  --grape-100: #EEEAFE;
  --grape-200: #DED6FE;
  --grape-300: #C9BCF6;
  --grape-400: #AF9CEC;
  --grape-500: #967AE0;
  --grape-600: #7A4FD0;
  --grape-700: #643EAF;
  --grape-800: #4C2A8A;
  --grape-900: #351766;

  /* Coral: step 400 is the start color */
  --coral-50: #FEF4F2;
  --coral-100: #FFE7E3;
  --coral-200: #FFD0C8;
  --coral-300: #FFAEA2;
  --coral-400: #FF6B5B;
  --coral-500: #E65C4E;
  --coral-600: #C0463A;
  --coral-700: #9C3027;
  --coral-800: #7B1B15;
  --coral-900: #5B0504;

  /* Lemon: step 200 is the start color */
  --lemon-50: #FFF7DF;
  --lemon-100: #FFECB7;
  --lemon-200: #FFD23F;
  --lemon-300: #F3BD31;
  --lemon-400: #DD9D20;
  --lemon-500: #C47D13;
  --lemon-600: #A86004;
  --lemon-700: #854A01;
  --lemon-800: #643700;
  --lemon-900: #462400;

  /* Mint: step 300 is the start color */
  --mint-50: #EBFBF4;
  --mint-100: #D6F5E7;
  --mint-200: #B2EBD2;
  --mint-300: #7BDCB5;
  --mint-400: #63C09B;
  --mint-500: #45A380;
  --mint-600: #238866;
  --mint-700: #026C4E;
  --mint-800: #02513A;
  --mint-900: #003726;

  /* Sea: step 700 is the start color */
  --sea-50: #EDFAF9;
  --sea-100: #DFF1F0;
  --sea-200: #C8E3E1;
  --sea-300: #A7CFCC;
  --sea-400: #7FB7B3;
  --sea-500: #539E99;
  --sea-600: #138681;
  --sea-700: #016965;
  --sea-800: #004F4C;
  --sea-900: #013634;

  /* Teal: step 700 is the start color */
  --teal-50: #EDF9FC;
  --teal-100: #DFF1F5;
  --teal-200: #C8E2E8;
  --teal-300: #A7CDD7;
  --teal-400: #80B5C1;
  --teal-500: #539BAB;
  --teal-600: #188295;
  --teal-700: #0A6676;
  --teal-800: #024D59;
  --teal-900: #00343E;

  /* Green: step 500 is the start color */
  --green-50: #ECFCEE;
  --green-100: #DBF5DF;
  --green-200: #C0E9C7;
  --green-300: #98D8A5;
  --green-400: #65C37C;
  --green-500: #05AC4F;
  --green-600: #018C3F;
  --green-700: #006E2F;
  --green-800: #005322;
  --green-900: #003915;

  /* Red: step 600 is the start color */
  --red-50: #FFF4F2;
  --red-100: #FEE7E3;
  --red-200: #FFCFC9;
  --red-300: #FEAEA4;
  --red-400: #F88479;
  --red-500: #EB564D;
  --red-600: #DB0118;
  --red-700: #AC0211;
  --red-800: #83010A;
  --red-900: #5D0004;

  /* Orange: step 400 is the start color */
  --orange-50: #FFF5EE;
  --orange-100: #FEE8DA;
  --orange-200: #FFD2B5;
  --orange-300: #FFB27D;
  --orange-400: #FE860F;
  --orange-500: #DB6B05;
  --orange-600: #B85202;
  --orange-700: #953C01;
  --orange-800: #722A00;
  --orange-900: #501B00;

  /* Pink: step 500 is the start color */
  --pink-50: #FFF3F7;
  --pink-100: #FFE5EE;
  --pink-200: #FFCCDE;
  --pink-300: #FEA8C9;
  --pink-400: #F77CB0;
  --pink-500: #EA4796;
  --pink-600: #C3327A;
  --pink-700: #9E1D60;
  --pink-800: #7C0548;
  --pink-900: #580031;

  /* Sky: step 400 is the start color */
  --sky-50: #EEF9FF;
  --sky-100: #DAF1FF;
  --sky-200: #B7E4FF;
  --sky-300: #84D0FC;
  --sky-400: #38B8F6;
  --sky-500: #219AD2;
  --sky-600: #007EAF;
  --sky-700: #04628A;
  --sky-800: #024A68;
  --sky-900: #003249;
}