<commit_before>
/* =========================================================================
 * Svelto - Core - Colors (Variables)
 * =========================================================================
 * Copyright (c) 2015-2016 <NAME>
 * Licensed under MIT (https://github.com/svelto/svelto/blob/master/LICENSE)
 * ========================================================================= */

//SOURCE: http://zavoloklom.github.io/material-design-color-palette/colors.html
//URL: Constrast ratio calculator: http://leaverou.github.io/contrast-ratio

/* MODIFIERS */

$color-hover-lighten-amount: 4 !default;
$color-active-darken-amount: $color-hover-lighten-amount !default;
$color-border-darken-amount: $color-active-darken-amount * 4 !default;

/* COLORS */

$color-primary: #1565c0 !default; // Blue-800
$color-secondary: #ef6c00 !default; // Orange-800
$color-tertiary: #6a1b9a !default; // Purple-800
$color-quaternary: #2e7d32 !default; // Green-800

$color-black: #212121 !default; // Gray-900
$color-blue: #2196f3 !default; // Blue-500
$color-brown: #795548 !default; // Brown-500
$color-gray: #e0e0e0 !default; // Gray-300
$color-green: #4caf50 !default; // Green-500
$color-olive: #cddc39 !default; // Lime-500
$color-orange: #ff9800 !default; // Orange-500
$color-pink: #e91e63 !default; // Pink-500
$color-purple: #9c27b0 !default; // Purple-500
$color-red: #f44336 !default; // Red-500
$color-teal: #009688 !default; // Teal-500
$color-violet: #673ab7 !default; // Deep-Purple-500
$color-white: #ffffff !default;
$color-yellow: #fabf40 !default; // Yellow-700

$color-error: $color-red !default;
$color-success: $color-green !default;
$color-warning: $color-yellow !default;

$color-base: #eceff1 !default; // Blue-Gray-50
$color-inherit: inherit !default;
$color-transparent: transparent !default;

/* PRIMARY */

$color-primary-bg: $color-primary !default;
$color-primary-bg-hover: lighten( $color-primary-bg, $color-hover-lighten-amount ) !default;
$color-primary-bg-active: darken( $color-primary-bg, $color-active-darken-amount ) !default;
$color-primary-border: darken( $color-primary-bg, $color-border-darken-amount ) !default;
$color-primary-accent: $color-secondary !default;
$color-primary-text: #ffffff !default; // Contrast ratio: 5.7

/* SECONDARY */

$color-secondary-bg: $color-secondary !default;
$color-secondary-bg-hover: lighten( $color-secondary-bg, $color-hover-lighten-amount ) !default;
$color-secondary-bg-active: darken( $color-secondary-bg, $color-active-darken-amount ) !default;
$color-secondary-border: darken( $color-secondary-bg, $color-border-darken-amount ) !default;
$color-secondary-accent: $color-primary !default;
$color-secondary-text: #ffffff !default; // Contrast ratio: 3.1

/* TERTIARY */

$color-tertiary-bg: $color-tertiary !default;
$color-tertiary-bg-hover: lighten( $color-tertiary-bg, $color-hover-lighten-amount ) !default;
$color-tertiary-bg-active: darken( $color-tertiary-bg, $color-active-darken-amount ) !default;
$color-tertiary-border: darken( $color-tertiary-bg, $color-border-darken-amount ) !default;
$color-tertiary-accent: $color-quaternary !default;
$color-tertiary-text: #ffffff !default; // Contrast ratio: 9.4

/* QUATERNARY */

$color-quaternary-bg: $color-quaternary !default;
$color-quaternary-bg-hover: lighten( $color-quaternary-bg, $color-hover-lighten-amount ) !default;
$color-quaternary-bg-active: darken( $color-quaternary-bg, $color-active-darken-amount ) !default;
$color-quaternary-border: darken( $color-quaternary-bg, $color-border-darken-amount ) !default;
$color-quaternary-accent: $color-tertiary !default;
$color-quaternary-text: #ffffff !default; // Contrast ratio: 5.1

/* BLACK */

$color-black-bg: $color-black !default;
$color-black-bg-hover: lighten( $color-black-bg, $color-hover-lighten-amount ) !default;
$color-black-bg-active: darken( $color-black-bg, $color-active-darken-amount ) !default;
$color-black-border: darken( $color-black-bg, $color-border-darken-amount ) !default;
$color-black-accent: $color-white !default;
$color-black-text: #ffffff !default; // Contrast ratio: 16.1

/* BLUE */

$color-blue-bg: $color-blue !default;
$color-blue-bg-hover: lighten( $color-blue-bg, $color-hover-lighten-amount ) !default;
$color-blue-bg-active: darken( $color-blue-bg, $color-active-darken-amount ) !default;
$color-blue-border: darken( $color-blue-bg, $color-border-darken-amount ) !default;
$color-blue-accent: $color-red !default;
$color-blue-text: #ffffff !default; // Contrast ratio: 3.1

/* BROWN */

$color-brown-bg: $color-brown !default;
$color-brown-bg-hover: lighten( $color-brown-bg, $color-hover-lighten-amount ) !default;
$color-brown-bg-active: darken( $color-brown-bg, $color-active-darken-amount ) !default;
$color-brown-border: darken( $color-brown-bg, $color-border-darken-amount ) !default;
$color-brown-accent: $color-orange !default;
$color-brown-text: #ffffff !default; // Contrast ratio: 6.6

/* GRAY */

$color-gray-bg: $color-gray !default;
$color-gray-bg-hover: lighten( $color-gray-bg, $color-hover-lighten-amount ) !default;
$color-gray-bg-active: darken( $color-gray-bg, $color-active-darken-amount ) !default;
$color-gray-border: darken( $color-gray-bg, $color-border-darken-amount ) !default;
$color-gray-accent: $color-black !default;
$color-gray-text: #3f3f3f !default; // Contrast ratio: 8

/* GREEN */

$color-green-bg: $color-green !default;
$color-green-bg-hover: lighten( $color-green-bg, $color-hover-lighten-amount ) !default;
$color-green-bg-active: darken( $color-green-bg, $color-active-darken-amount ) !default;
$color-green-border: darken( $color-green-bg, $color-border-darken-amount ) !default;
$color-green-accent: $color-yellow !default;
$color-green-text: #ffffff !default; // Contrast ratio: 2.8

/* OLIVE */

$color-olive-bg: $color-olive !default;
$color-olive-bg-hover: lighten( $color-olive-bg, $color-hover-lighten-amount ) !default;
$color-olive-bg-active: darken( $color-olive-bg, $color-active-darken-amount ) !default;
$color-olive-border: darken( $color-olive-bg, $color-border-darken-amount ) !default;
$color-olive-accent: $color-orange !default;
$color-olive-text: #ffffff !default; // Contrast ratio: 1.7

/* ORANGE */

$color-orange-bg: $color-orange !default;
$color-orange-bg-hover: lighten( $color-orange-bg, $color-hover-lighten-amount ) !default;
$color-orange-bg-active: darken( $color-orange-bg, $color-active-darken-amount ) !default;
$color-orange-border: darken( $color-orange-bg, $color-border-darken-amount ) !default;
$color-orange-accent: $color-brown !default;
$color-orange-text: #ffffff !default; // Contrast ratio 2.2

/* PINK */

$color-pink-bg: $color-pink !default;
$color-pink-bg-hover: lighten( $color-pink-bg, $color-hover-lighten-amount ) !default;
$color-pink-bg-active: darken( $color-pink-bg, $color-active-darken-amount ) !default;
$color-pink-border: darken( $color-pink-bg, $color-border-darken-amount ) !default;
$color-pink-accent: $color-blue !default;
$color-pink-text: #ffffff !default; // Contrast ratio: 4.3

/* PURPLE */

$color-purple-bg: $color-purple !default;
$color-purple-bg-hover: lighten( $color-purple-bg, $color-hover-lighten-amount ) !default;
$color-purple-bg-active: darken( $color-purple-bg, $color-active-darken-amount ) !default;
$color-purple-border: darken( $color-purple-bg, $color-border-darken-amount ) !default;
$color-purple-accent: $color-yellow !default;
$color-purple-text: #ffffff !default; // Contrast ratio: 6.3

/* RED */

$color-red-bg: $color-red !default;
$color-red-bg-hover: lighten( $color-red-bg, $color-hover-lighten-amount ) !default;
$color-red-bg-active: darken( $color-red-bg, $color-active-darken-amount ) !default;
$color-red-border: darken( $color-red-bg, $color-border-darken-amount ) !default;
$color-red-accent: $color-yellow !default;
$color-red-text: #ffffff !default; // Contrast ratio: 3.7

/* TEAL */

$color-teal-bg: $color-teal !default;
$color-teal-bg-hover: lighten( $color-teal-bg, $color-hover-lighten-amount ) !default;
$color-teal-bg-active: darken( $color-teal-bg, $color-active-darken-amount ) !default;
$color-teal-border: darken( $color-teal-bg, $color-border-darken-amount ) !default;
$color-teal-accent: $color-red !default;
$color-teal-text: #ffffff !default; // Contrast ratio: 3.7

/* VIOLET */

$color-violet-bg: $color-violet !default;
$color-violet-bg-hover: lighten( $color-violet-bg, $color-hover-lighten-amount ) !default;
$color-violet-bg-active: darken( $color-violet-bg, $color-active-darken-amount ) !default;
$color-violet-border: darken( $color-violet-bg, $color-border-darken-amount ) !default;
$color-violet-accent: $color-orange !default;
$color-violet-text: #ffffff !default; // Contrast ratio: 7.1

/* WHITE */

$color-white-bg: $color-white !default;
$color-white-bg-hover: darken( $color-white-bg, $color-hover-lighten-amount ) !default;
$color-white-bg-active: darken( $color-white-bg, $color-active-darken-amount * 1.5 ) !default;
$color-white-border: darken( $color-white-bg, $color-border-darken-amount ) !default;
$color-white-accent: $color-secondary !default;
$color-white-text: #3f3f3f !default; // Contrast ratio: 10.5

/* YELLOW */

$color-yellow-bg: $color-yellow !default;
$color-yellow-bg-hover: lighten( $color-yellow-bg, $color-hover-lighten-amount ) !default;
$color-yellow-bg-active: darken( $color-yellow-bg, $color-active-darken-amount ) !default;
$color-yellow-border: darken( $color-yellow-bg, $color-border-darken-amount ) !default;
$color-yellow-accent: $color-red !default;
$color-yellow-text: #ffffff !default; // Contrast ratio 1.7

/* ERROR */

$color-error-bg: $color-error !default;
$color-error-bg-hover: lighten( $color-error-bg, $color-hover-lighten-amount ) !default;
$color-error-bg-active: darken( $color-error-bg, $color-active-darken-amount ) !default;
$color-error-border: darken( $color-error-bg, $color-border-darken-amount ) !default;
$color-error-accent: $color-yellow !default;
$color-error-text: #ffffff !default; // Contrast ratio: 3.7

/* SUCCESS */

$color-success-bg: $color-success !default;
$color-success-bg-hover: lighten( $color-success-bg, $color-hover-lighten-amount ) !default;
$color-success-bg-active: darken( $color-success-bg, $color-active-darken-amount ) !default;
$color-success-border: darken( $color-success-bg, $color-border-darken-amount ) !default;
$color-success-accent: $color-yellow !default;
$color-success-text: #ffffff !default; // Contrast ratio: 2.8

/* WARNING */

$color-warning-bg: $color-warning !default;
$color-warning-bg-hover: lighten( $color-warning-bg, $color-hover-lighten-amount ) !default;
$color-warning-bg-active: darken( $color-warning-bg, $color-active-darken-amount ) !default;
$color-warning-border: darken( $color-warning-bg, $color-border-darken-amount ) !default;
$color-warning-accent: $color-red !default;
$color-warning-text: #ffffff !default; // Contrast ratio 1.7

/* BASE */

$color-base-bg: $color-base !default;
$color-base-bg-hover: lighten( $color-base-bg, $color-hover-lighten-amount ) !default;
$color-base-bg-active: darken( $color-base-bg, $color-active-darken-amount ) !default;
$color-base-border: darken( $color-base-bg, $color-border-darken-amount ) !default;
$color-base-accent: $color-secondary !default;
$color-base-text: #3f3f3f !default; // Contrast ratio: 9.1

/* INHERIT */

$color-inherit-bg: $color-inherit !default;
$color-inherit-bg-hover: $color-inherit !default;
$color-inherit-bg-active: $color-inherit !default;
$color-inherit-border: $color-inherit !default;
$color-inherit-accent: $color-inherit !default;
$color-inherit-text: $color-inherit !default;

/* TRANSPARENT */

$color-transparent-bg: $color-transparent !default;
$color-transparent-bg-hover: lighten( $color-transparent-bg, $color-hover-lighten-amount ) !default;
$color-transparent-bg-active: darken( $color-transparent-bg, $color-active-darken-amount ) !default;
$color-transparent-border: darken( $color-transparent-bg, $color-border-darken-amount ) !default;
$color-transparent-accent: $color-secondary !default;
$color-transparent-text: inherit !default;

/* COLORS */

$colors: (
  'primary' : ( $color-primary-bg, $color-primary-bg-hover, $color-primary-bg-active, $color-primary-border, $color-primary-accent, $color-primary-text ),
  'secondary' : ( $color-secondary-bg, $color-secondary-bg-hover, $color-secondary-bg-active, $color-secondary-border, $color-secondary-accent, $color-secondary-text ),
  'tertiary' : ( $color-tertiary-bg, $color-tertiary-bg-hover, $color-tertiary-bg-active, $color-tertiary-border, $color-tertiary-accent, $color-tertiary-text ),<commit_msg>More opinionated `transparent` color<commit_after>
/* =========================================================================
 * Svelto - Core - Colors (Variables)
 * =========================================================================
 * Copyright (c) 2015-2016 <NAME>
 * Licensed under MIT (https://github.com/svelto/svelto/blob/master/LICENSE)
 * ========================================================================= */

//SOURCE: http://zavoloklom.github.io/material-design-color-palette/colors.html
//URL: Constrast ratio calculator: http://leaverou.github.io/contrast-ratio

/* MODIFIERS */

$color-hover-lighten-amount: 4 !default;
$color-active-darken-amount: $color-hover-lighten-amount !default;
$color-border-darken-amount: $color-active-darken-amount * 4 !default;

/* COLORS */

$color-primary: #1565c0 !default; // Blue-800
$color-secondary: #ef6c00 !default; // Orange-800
$color-tertiary: #6a1b9a !default; // Purple-800
$color-quaternary: #2e7d32 !default; // Green-800

$color-black: #212121 !default; // Gray-900
$color-blue: #2196f3 !default; // Blue-500
$color-brown: #795548 !default; // Brown-500
$color-gray: #e0e0e0 !default; // Gray-300
$color-green: #4caf50 !default; // Green-500
$color-olive: #cddc39 !default; // Lime-500
$color-orange: #ff9800 !default; // Orange-500
$color-pink: #e91e63 !default; // Pink-500
$color-purple: #9c27b0 !default; // Purple-500
$color-red: #f44336 !default; // Red-500
$color-teal: #009688 !default; // Teal-500
$color-violet: #673ab7 !default; // Deep-Purple-500
$color-white: #ffffff !default;
$color-yellow: #fabf40 !default; // Yellow-700

$color-error: $color-red !default;
$color-success: $color-green !default;
$color-warning: $color-yellow !default;

$color-base: #eceff1 !default; // Blue-Gray-50
$color-inherit: inherit !default;
$color-transparent: transparent !default;

/* PRIMARY */

$color-primary-bg: $color-primary !default;
$color-primary-bg-hover: lighten( $color-primary-bg, $color-hover-lighten-amount ) !default;
$color-primary-bg-active: darken( $color-primary-bg, $color-active-darken-amount ) !default;
$color-primary-border: darken( $color-primary-bg, $color-border-darken-amount ) !default;
$color-primary-accent: $color-secondary !default;
$color-primary-text: #ffffff !default; // Contrast ratio: 5.7

/* SECONDARY */

$color-secondary-bg: $color-secondary !default;
$color-secondary-bg-hover: lighten( $color-secondary-bg, $color-hover-lighten-amount ) !default;
$color-secondary-bg-active: darken( $color-secondary-bg, $color-active-darken-amount ) !default;
$color-secondary-border: darken( $color-secondary-bg, $color-border-darken-amount ) !default;
$color-secondary-accent: $color-primary !default;
$color-secondary-text: #ffffff !default; // Contrast ratio: 3.1

/* TERTIARY */

$color-tertiary-bg: $color-tertiary !default;
$color-tertiary-bg-hover: lighten( $color-tertiary-bg, $color-hover-lighten-amount ) !default;
$color-tertiary-bg-active: darken( $color-tertiary-bg, $color-active-darken-amount ) !default;
$color-tertiary-border: darken( $color-tertiary-bg, $color-border-darken-amount ) !default;
$color-tertiary-accent: $color-quaternary !default;
$color-tertiary-text: #ffffff !default; // Contrast ratio: 9.4

/* QUATERNARY */

$color-quaternary-bg: $color-quaternary !default;
$color-quaternary-bg-hover: lighten( $color-quaternary-bg, $color-hover-lighten-amount ) !default;
$color-quaternary-bg-active: darken( $color-quaternary-bg, $color-active-darken-amount ) !default;
$color-quaternary-border: darken( $color-quaternary-bg, $color-border-darken-amount ) !default;
$color-quaternary-accent: $color-tertiary !default;
$color-quaternary-text: #ffffff !default; // Contrast ratio: 5.1

/* BLACK */

$color-black-bg: $color-black !default;
$color-black-bg-hover: lighten( $color-black-bg, $color-hover-lighten-amount ) !default;
$color-black-bg-active: darken( $color-black-bg, $color-active-darken-amount ) !default;
$color-black-border: darken( $color-black-bg, $color-border-darken-amount ) !default;
$color-black-accent: $color-white !default;
$color-black-text: #ffffff !default; // Contrast ratio: 16.1

/* BLUE */

$color-blue-bg: $color-blue !default;
$color-blue-bg-hover: lighten( $color-blue-bg, $color-hover-lighten-amount ) !default;
$color-blue-bg-active: darken( $color-blue-bg, $color-active-darken-amount ) !default;
$color-blue-border: darken( $color-blue-bg, $color-border-darken-amount ) !default;
$color-blue-accent: $color-red !default;
$color-blue-text: #ffffff !default; // Contrast ratio: 3.1

/* BROWN */

$color-brown-bg: $color-brown !default;
$color-brown-bg-hover: lighten( $color-brown-bg, $color-hover-lighten-amount ) !default;
$color-brown-bg-active: darken( $color-brown-bg, $color-active-darken-amount ) !default;
$color-brown-border: darken( $color-brown-bg, $color-border-darken-amount ) !default;
$color-brown-accent: $color-orange !default;
$color-brown-text: #ffffff !default; // Contrast ratio: 6.6

/* GRAY */

$color-gray-bg: $color-gray !default;
$color-gray-bg-hover: lighten( $color-gray-bg, $color-hover-lighten-amount ) !default;
$color-gray-bg-active: darken( $color-gray-bg, $color-active-darken-amount ) !default;
$color-gray-border: darken( $color-gray-bg, $color-border-darken-amount ) !default;
$color-gray-accent: $color-black !default;
$color-gray-text: #3f3f3f !default; // Contrast ratio: 8

/* GREEN */

$color-green-bg: $color-green !default;
$color-green-bg-hover: lighten( $color-green-bg, $color-hover-lighten-amount ) !default;
$color-green-bg-active: darken( $color-green-bg, $color-active-darken-amount ) !default;
$color-green-border: darken( $color-green-bg, $color-border-darken-amount ) !default;
$color-green-accent: $color-yellow !default;
$color-green-text: #ffffff !default; // Contrast ratio: 2.8

/* OLIVE */

$color-olive-bg: $color-olive !default;
$color-olive-bg-hover: lighten( $color-olive-bg, $color-hover-lighten-amount ) !default;
$color-olive-bg-active: darken( $color-olive-bg, $color-active-darken-amount ) !default;
$color-olive-border: darken( $color-olive-bg, $color-border-darken-amount ) !default;
$color-olive-accent: $color-orange !default;
$color-olive-text: #ffffff !default; // Contrast ratio: 1.7

/* ORANGE */

$color-orange-bg: $color-orange !default;
$color-orange-bg-hover: lighten( $color-orange-bg, $color-hover-lighten-amount ) !default;
$color-orange-bg-active: darken( $color-orange-bg, $color-active-darken-amount ) !default;
$color-orange-border: darken( $color-orange-bg, $color-border-darken-amount ) !default;
$color-orange-accent: $color-brown !default;
$color-orange-text: #ffffff !default; // Contrast ratio 2.2

/* PINK */

$color-pink-bg: $color-pink !default;
$color-pink-bg-hover: lighten( $color-pink-bg, $color-hover-lighten-amount ) !default;
$color-pink-bg-active: darken( $color-pink-bg, $color-active-darken-amount ) !default;
$color-pink-border: darken( $color-pink-bg, $color-border-darken-amount ) !default;
$color-pink-accent: $color-blue !default;
$color-pink-text: #ffffff !default; // Contrast ratio: 4.3

/* PURPLE */

$color-purple-bg: $color-purple !default;
$color-purple-bg-hover: lighten( $color-purple-bg, $color-hover-lighten-amount ) !default;
$color-purple-bg-active: darken( $color-purple-bg, $color-active-darken-amount ) !default;
$color-purple-border: darken( $color-purple-bg, $color-border-darken-amount ) !default;
$color-purple-accent: $color-yellow !default;
$color-purple-text: #ffffff !default; // Contrast ratio: 6.3

/* RED */

$color-red-bg: $color-red !default;
$color-red-bg-hover: lighten( $color-red-bg, $color-hover-lighten-amount ) !default;
$color-red-bg-active: darken( $color-red-bg, $color-active-darken-amount ) !default;
$color-red-border: darken( $color-red-bg, $color-border-darken-amount ) !default;
$color-red-accent: $color-yellow !default;
$color-red-text: #ffffff !default; // Contrast ratio: 3.7

/* TEAL */

$color-teal-bg: $color-teal !default;
$color-teal-bg-hover: lighten( $color-teal-bg, $color-hover-lighten-amount ) !default;
$color-teal-bg-active: darken( $color-teal-bg, $color-active-darken-amount ) !default;
$color-teal-border: darken( $color-teal-bg, $color-border-darken-amount ) !default;
$color-teal-accent: $color-red !default;
$color-teal-text: #ffffff !default; // Contrast ratio: 3.7

/* VIOLET */

$color-violet-bg: $color-violet !default;
$color-violet-bg-hover: lighten( $color-violet-bg, $color-hover-lighten-amount ) !default;
$color-violet-bg-active: darken( $color-violet-bg, $color-active-darken-amount ) !default;
$color-violet-border: darken( $color-violet-bg, $color-border-darken-amount ) !default;
$color-violet-accent: $color-orange !default;
$color-violet-text: #ffffff !default; // Contrast ratio: 7.1

/* WHITE */

$color-white-bg: $color-white !default;
$color-white-bg-hover: darken( $color-white-bg, $color-hover-lighten-amount ) !default;
$color-white-bg-active: darken( $color-white-bg, $color-active-darken-amount * 1.5 ) !default;
$color-white-border: darken( $color-white-bg, $color-border-darken-amount ) !default;
$color-white-accent: $color-secondary !default;
$color-white-text: #3f3f3f !default; // Contrast ratio: 10.5

/* YELLOW */

$color-yellow-bg: $color-yellow !default;
$color-yellow-bg-hover: lighten( $color-yellow-bg, $color-hover-lighten-amount ) !default;
$color-yellow-bg-active: darken( $color-yellow-bg, $color-active-darken-amount ) !default;
$color-yellow-border: darken( $color-yellow-bg, $color-border-darken-amount ) !default;
$color-yellow-accent: $color-red !default;
$color-yellow-text: #ffffff !default; // Contrast ratio 1.7

/* ERROR */

$color-error-bg: $color-error !default;
$color-error-bg-hover: lighten( $color-error-bg, $color-hover-lighten-amount ) !default;
$color-error-bg-active: darken( $color-error-bg, $color-active-darken-amount ) !default;
$color-error-border: darken( $color-error-bg, $color-border-darken-amount ) !default;
$color-error-accent: $color-yellow !default;
$color-error-text: #ffffff !default; // Contrast ratio: 3.7

/* SUCCESS */

$color-success-bg: $color-success !default;
$color-success-bg-hover: lighten( $color-success-bg, $color-hover-lighten-amount ) !default;
$color-success-bg-active: darken( $color-success-bg, $color-active-darken-amount ) !default;
$color-success-border: darken( $color-success-bg, $color-border-darken-amount ) !default;
$color-success-accent: $color-yellow !default;
$color-success-text: #ffffff !default; // Contrast ratio: 2.8

/* WARNING */

$color-warning-bg: $color-warning !default;
$color-warning-bg-hover: lighten( $color-warning-bg, $color-hover-lighten-amount ) !default;
$color-warning-bg-active: darken( $color-warning-bg, $color-active-darken-amount ) !default;
$color-warning-border: darken( $color-warning-bg, $color-border-darken-amount ) !default;
$color-warning-accent: $color-red !default;
$color-warning-text: #ffffff !default; // Contrast ratio 1.7

/* BASE */

$color-base-bg: $color-base !default;
$color-base-bg-hover: lighten( $color-base-bg, $color-hover-lighten-amount ) !default;
$color-base-bg-active: darken( $color-base-bg, $color-active-darken-amount ) !default;
$color-base-border: darken( $color-base-bg, $color-border-darken-amount ) !default;
$color-base-accent: $color-secondary !default;
$color-base-text: #3f3f3f !default; // Contrast ratio: 9.1

/* INHERIT */

$color-inherit-bg: $color-inherit !default;
$color-inherit-bg-hover: $color-inherit !default;
$color-inherit-bg-active: $color-inherit !default;
$color-inherit-border: $color-inherit !default;
$color-inherit-accent: $color-inherit !default;
$color-inherit-text: $color-inherit !default;

/* TRANSPARENT */

$color-transparent-bg: $color-transparent !default;
$color-transparent-bg-hover: $color-transparent !default;
$color-transparent-bg-active: $color-transparent !default;
$color-transparent-border: $color-transparent !default;
$color-transparent-accent: $color-secondary !default;
$color-transparent-text: $color-inherit !default;

/* COLORS */

$colors: (
  'primary' : ( $color-primary-bg, $color-primary-bg-hover, $color-primary-bg-active, $color-primary-border, $color-primary-accent, $color-primary-text ),
  'secondary' : ( $color-secondary-bg, $color-secondary-bg-hover, $color-secondary-bg-active, $color-secondary-border, $color-secondary-accent, $color-secondary-text ),
  'tertiary' : ( $color-tertiary-bg, $color-tertiary-bg-hover, $color-tertiary-bg-active, $color-tertiary-border, $color-tertiary-accent, $color-tertiary-text ),
{'fraction_non_alphanumeric': 0.20059820538384845, 'fraction_numerical': 0.015074775672981057, 'mean_word_length': 5.030784030784031, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4488062', 'n_tokens_mistral': 9601, 'n_tokens_neox': 9160, 'n_words': 1609}