/*
 * To be able to use colors with alpha, they are written in RGB.
 * Comments with HEX codes in front of the values are used as reference only.
 * Example of use:
 * solid: `color: rgb(var(--contrast-100))`
 * transparent: `color: rgba(var(--contrast-100), 0.5)`
 */

:root {
    /* Lime Technologies Brand Colors */
    --lime-brand-color-lime-green: 190, 224, 52; /* #BEE034 */
    --lime-brand-color-ocean-teal: 111, 205, 182; /* #6FCDB6 */
    --lime-brand-color-aqua: 166, 239, 255; /* #A6EFFF */
    --lime-brand-color-bubble-gum: 255, 166, 234; /* #FFA6EA */
    --lime-brand-color-sunny-orange: 254, 176, 0; /* #FEB000 */
    --lime-brand-color-cool-grey: 84, 87, 98; /* #545762 */

    /* Deprecated Lime Technologies Brand Colors (pre-2024 Brand Refresh).
       They do not have dark/light mode variants.
       Kept here for backwards compatibility only!
    */
    --lime-brand-color-deep-red: 240, 87, 80; /* #f05750 */
    --lime-brand-color-sellable-orange: 255, 112, 67; /* #ff7043 */
    --lime-brand-color-orange: 255, 176, 59; /* #ffb03b */
    --lime-brand-color-yellow: 255, 207, 61; /* #ffcf3d */
    --lime-brand-color-flexible-turquoise: 38, 166, 154; /* #26a69a */
    --lime-brand-color-simple-blue: 41, 182, 246; /* #29b6f6 */
    --lime-brand-color-dark-blue: 87, 135, 159; /* #57879f */
    --lime-brand-color-loving-magenta: 255, 49, 149; /* #ff3195 */
    --lime-brand-color-light-grey: 173, 173, 173; /* #adadad */
    --lime-brand-color-grey: 87, 87, 86; /* #575756 */

    /* Absolute white and black (Do not have dark/light mode variants) */
    --color-white: 255, 255, 255; /* #fff */
    --color-black: 0, 0, 0; /* #000 */

    /* Contrast swatches, to use for tones that can automatically revert in dark/light modes. E.g. text and background */
    --contrast-100: 255, 255, 255; /* #fff */
    --contrast-200: 250, 250, 251; /* #fafafb */
    --contrast-300: 246, 246, 247; /* #f6f6f7 */
    --contrast-400: 241, 241, 243; /* #f1f1f3 */
    --contrast-500: 237, 237, 238; /* #ededee */
    --contrast-600: 232, 232, 234; /* #e8e8ea */
    --contrast-700: 209, 209, 213; /* #d1d1d5 */
    --contrast-800: 186, 186, 192; /* #babac0 */
    --contrast-900: 140, 140, 150; /* #8c8c96 */
    --contrast-1000: 117, 117, 128; /* #757580 */
    --contrast-1100: 94, 94, 108; /* #5e5e6c */
    --contrast-1200: 71, 71, 86; /* #474756 */
    --contrast-1300: 48, 48, 66; /* #303042 */
    --contrast-1400: 39, 39, 57; /* #272739 */
    --contrast-1500: 35, 35, 53; /* #232335 */
    --contrast-1600: 25, 25, 44; /* #19192c */
    --contrast-1700: 20, 20, 37; /* #141425 */

    /* Colors swatches that get slightly dimmer in dark mode */
    --color-red-lighter: 255, 205, 210; /* #ffcdd2; */
    --color-red-light: 255, 117, 107; /* #ff756b; */
    --color-red-default: 244, 67, 54; /* #f44336; */
    --color-red-dark: 211, 47, 47; /* #d32f2f; */
    --color-red-darker: 183, 28, 28; /* #b71c1c; */

    --color-pink-lighter: 248, 187, 208; /* #f8bbd0 */
    --color-pink-light: 240, 98, 146; /* #f06292 */
    --color-pink-default: 233, 30, 99; /* #e91e63 */
    --color-pink-dark: 194, 24, 91; /* #c2185b */
    --color-pink-darker: 136, 14, 79; /* #880e4f */

    --color-purple-lighter: 225, 190, 231; /* #e1bee7 */
    --color-purple-light: 186, 104, 200; /* #ba68c8 */
    --color-purple-default: 156, 39, 176; /* #9c27b0 */
    --color-purple-dark: 123, 31, 162; /* #7b1fa2 */
    --color-purple-darker: 74, 20, 140; /* #4a148c */

    --color-magenta-lighter: 249, 176, 212; /* #f9b0d4 */
    --color-magenta-light: 247, 89, 166; /* #f759a6 */
    --color-magenta-default: 243, 65, 151; /* #f34197 */
    --color-magenta-dark: 199, 46, 121; /* #c72e79 */
    --color-magenta-darker: 156, 22, 87; /* #9c1657 */

    --color-violet-lighter: 209, 196, 233; /* #d1c4e9 */
    --color-violet-light: 149, 117, 205; /* #9575cd */
    --color-violet-default: 103, 58, 183; /* #673ab7 */
    --color-violet-dark: 81, 45, 168; /* #512da8 */
    --color-violet-darker: 49, 27, 146; /* #311b92 */

    --color-indigo-lighter: 197, 202, 233; /* #c5cae9 */
    --color-indigo-light: 121, 134, 203; /* #7986cb */
    --color-indigo-default: 63, 81, 181; /* #3f51b5 */
    --color-indigo-dark: 48, 63, 159; /* #303f9f */
    --color-indigo-darker: 26, 35, 126; /* #1a237e */

    --color-blue-lighter: 187, 222, 251; /* #bbdefb */
    --color-blue-light: 100, 181, 246; /* #64b5f6 */
    --color-blue-default: 33, 150, 243; /* #2196f3 */
    --color-blue-dark: 25, 118, 210; /* #1976d2 */
    --color-blue-darker: 13, 71, 161; /* #0d47a1 */

    --color-sky-lighter: 179, 229, 252; /* #b3e5fc */
    --color-sky-light: 79, 195, 247; /* #4fc3f7 */
    --color-sky-default: 3, 169, 244; /* #03a9f4 */
    --color-sky-dark: 2, 136, 209; /* #0288d1 */
    --color-sky-darker: 1, 87, 155; /* #01579b */

    --color-cyan-lighter: 178, 235, 242; /* #b2ebf2 */
    --color-cyan-light: 77, 208, 225; /* #4dd0e1 */
    --color-cyan-default: 0, 188, 212; /* #00bcd4 */
    --color-cyan-dark: 0, 151, 167; /* #0097a7 */
    --color-cyan-darker: 0, 96, 100; /* #006064 */

    --color-teal-lighter: 178, 223, 219; /* #b2dfdb */
    --color-teal-light: 77, 182, 172; /* #4db6ac */
    --color-teal-default: 0, 150, 136; /* #009688 */
    --color-teal-dark: 0, 121, 107; /* #00796b */
    --color-teal-darker: 0, 77, 64; /* #004d40 */

    --color-green-lighter: 200, 230, 201; /* #c8e6c9 */
    --color-green-light: 129, 199, 132; /* #81c784 */
    --color-green-default: 76, 175, 80; /* #4caf50 */
    --color-green-dark: 56, 142, 60; /* #388e3c */
    --color-green-darker: 27, 94, 32; /* #1b5e20 */

    --color-lime-lighter: 220, 237, 200; /* #dcedc8 */
    --color-lime-light: 174, 213, 129; /* #aed581 */
    --color-lime-default: 139, 195, 74; /* #8bc34a */
    --color-lime-dark: 104, 159, 56; /* #689f38 */
    --color-lime-darker: 51, 105, 30; /* #33691e */

    --color-grass-lighter: 240, 244, 195; /* #f0f4c3 */
    --color-grass-light: 220, 231, 117; /* #dce775 */
    --color-grass-default: 205, 220, 57; /* #cddc39 */
    --color-grass-dark: 175, 180, 43; /* #afb42b */
    --color-grass-darker: 130, 119, 23; /* #827717 */

    --color-yellow-lighter: 255, 249, 196; /* #fff9c4 */
    --color-yellow-light: 255, 241, 118; /* #fff176 */
    --color-yellow-default: 255, 235, 59; /* #ffeb3b */
    --color-yellow-dark: 251, 206, 44; /* #fbce2c */
    --color-yellow-darker: 232, 191, 41; /* #e8bf29 */

    --color-amber-lighter: 255, 236, 179; /* #ffecb3 */
    --color-amber-light: 255, 213, 79; /* #ffd54f */
    --color-amber-default: 255, 193, 7; /* #ffc107 */
    --color-amber-dark: 255, 160, 0; /* #ffa000 */
    --color-amber-darker: 255, 111, 0; /* #ff6f00 */

    --color-orange-lighter: 255, 224, 178; /* #ffe0b2 */
    --color-orange-light: 255, 183, 77; /* #ffb74d */
    --color-orange-default: 255, 152, 0; /* #ff9800 */
    --color-orange-dark: 245, 124, 0; /* #f57c00 */
    --color-orange-darker: 230, 81, 0; /* #e65100 */

    --color-coral-lighter: 255, 204, 188; /* #ffccbc */
    --color-coral-light: 255, 138, 101; /* #ff8a65 */
    --color-coral-default: 255, 87, 34; /* #ff5722 */
    --color-coral-dark: 230, 74, 25; /* #e64a19 */
    --color-coral-darker: 191, 54, 12; /* #bf360c */

    --color-brown-lighter: 215, 204, 200; /* #d7ccc8 */
    --color-brown-light: 161, 136, 127; /* #a1887f */
    --color-brown-default: 121, 85, 72; /* #795548 */
    --color-brown-dark: 93, 64, 55; /* #5d4037 */
    --color-brown-darker: 62, 39, 35; /* #3e2723 */

    --color-gray-lighter: 245, 245, 245; /* #f5f5f5 */
    --color-gray-light: 224, 224, 224; /* #e0e0e0 */
    --color-gray-default: 158, 158, 158; /* #9e9e9e */
    --color-gray-dark: 87, 87, 86; /* #575756 */
    --color-gray-darker: 33, 33, 33; /* #212121 */

    --color-glaucous-lighter: 208, 225, 232; /* #d0e1e8 */
    --color-glaucous-light: 135, 174, 193; /* #87aec1 */
    --color-glaucous-default: 87, 135, 159; /* #57879f */
    --color-glaucous-dark: 58, 100, 119; /* #3a6477 */
    --color-glaucous-darker: 37, 71, 88; /* #254758 */
}