//// /// These are all the color variables /// @group Colors //// /// OD Red /// @type Color $red: #CE0000; // Block elements, icons, savings /// OD Blue /// @type Color $blue: #3379C2; // Text links, CTA's, buttons /// OD Black /// @type Color $black: #111; // Headings, main copy, etc. /// OD Gray /// @type Color $gray: #72777C; // Sub headings, small copy, icons, strong lines /// OD Light Gray /// @type Color $grayLight: #E5E8EB; // Disabled elements, soft lines /// OD Medium Gray /// @type Color $grayMedium: #D7D7D7; /// OD White /// @type Color $white: #FFF; // Global background, text on color /// OD Purple /// @type Color $purple: #760BB1; // Interesting /// OD Green /// @type Color $green: #90B50F; // Positive, success, new /// OD Yellow /// @type Color $yellow: #FFB600; // Low price /// OD Teal /// @type Color $teal: #10B5D0; // Small business color /// OD Border Gray /// @type Color $borderGray: #CCC; //color for border /// OD Border Bottom Gray /// @type Color $borderBottomGray: #e7e7e7; //lighter color for borders /// OD Light Blue /// @type Color $lightBlue: lighten($blue, 45%); /// OD Error Message /// @type Message Colors $messageError: #CE0000; // Error message color /// OD Warning Message /// @type Message Colors $messageWarning: #FFB600; // Warning message color /// OD Succes Message /// @type Message Colors $messageSuccess: #90B50F; // Success message color /// OD Clearance Badge Color /// @type Badging Colors $clearanceBadgeColor: #FFE800;// Clearance Badging background color /// OD RMP Badge Color /// @type Badging Colors $rmpBadgeColor: #F01335; // RMP Badging background color /// OD Pricing Red /// @type Pricing Colors $pricingRed: $red; // Red pricing color (link to default $red for now) /// OD Pricing Red /// @type Pricing Colors $pricingGray: #808285; // Red pricing color (link to default $red for now) /// OD Mobile Green /// @type Mobile Colors $green-mobile: #56A612;