\:root // Initial variables --black: #{$black} --black-70: rgba(0, 0, 0, 0.7) --black-bis: #{$black-bis} --black-ter: #{$black-ter} --grey-darker: #{$grey-darker} --grey-dark: #{$grey-dark} --grey: #{$grey} --grey-light: #{$grey-light} --grey-lighter: #{$grey-lighter} --grey-lightest: #{$grey-lightest} --white-ter: #{$white-ter} --white-bis: #{$white-bis} --white: #{$white} --orange: #{$orange} --yellow: #{$yellow} --green: #{$green} --turquoise: #{$turquoise} --cyan: #{$cyan} --blue: #{$blue} --purple: #{$purple} --red: #{$red} --family-sans-serif: #{$family-sans-serif} --family-monospace: #{$family-monospace} --render-mode: #{$render-mode} --size-1: #{$size-1} --size-2: #{$size-2} --size-3: #{$size-3} --size-4: #{$size-4} --size-5: #{$size-5} --size-6: #{$size-6} --size-7: #{$size-7} --weight-light: #{$weight-light} --weight-normal: #{$weight-normal} --weight-medium: #{$weight-medium} --weight-semibold: #{$weight-semibold} --weight-bold: #{$weight-bold} --block-spacing: #{$block-spacing} --easing: #{$easing} --radius-small: #{$radius-small} --radius: #{$radius} --radius-large: #{$radius-large} --radius-rounded: #{$radius-rounded} --speed: #{$speed} // Derived variables --primary: #{$primary} --info: #{$info} --success: #{$success} --warning: #{$warning} --danger: #{$danger} --light: #{$light} --dark: #{$dark} --orange-invert: #{$orange-invert} --yellow-invert: #{$yellow-invert} --green-invert: #{$green-invert} --turquoise-invert: #{$turquoise-invert} --cyan-invert: #{$cyan-invert} --blue-invert: #{$blue-invert} --purple-invert: #{$purple-invert} --red-invert: #{$red-invert} --primary-invert: #{$primary-invert} --primary-light: #{$primary-light} --primary-dark: #{$primary-dark} --info-invert: #{$info-invert} --info-light: #{$info-light} --info-dark: #{$info-dark} --success-invert: #{$success-invert} --success-light: #{$success-light} --success-dark: #{$success-dark} --warning-invert: #{$warning-invert} --warning-light: #{$warning-light} --warning-dark: #{$warning-dark} --danger-invert: #{$danger-invert} --danger-light: #{$danger-light} --danger-dark: #{$danger-dark} --light-invert: #{$light-invert} --light-light: #{$light-light} --light-dark: #{$light-dark} --dark-invert: #{$dark-invert} --dark-light: #{$dark-light} --dark-dark: #{$dark-dark} --scheme-main: #{$scheme-main} --scheme-main-bis: #{$scheme-main-bis} --scheme-main-ter: #{$scheme-main-ter} --scheme-invert: #{$scheme-invert} --scheme-invert-rgb: #{$scheme-invert-rgb} --scheme-invert-bis: #{$scheme-invert-bis} --scheme-invert-ter: #{$scheme-invert-ter} --background: #{$background} --border: #{$border} --border-rgb: #{$border-rgb} --border-hover: #{$border-hover} --border-light: #{$border-light} --border-light-hover: #{$border-light-hover} --text: #{$text} --text-invert: #{$text-invert} --text-light: #{$text-light} --text-strong: #{$text-strong} --code: #{$code} --code-background: #{$code-background} --pre: #{$pre} --pre-background: #{$pre-background} --link: #{$link} --link-invert: #{$link-invert} --link-light: #{$link-light} --link-dark: #{$link-dark} --link-visited: #{$link-visited} --link-hover: #{$link-hover} --link-hover-border: #{$link-hover-border} --link-focus: #{$link-focus} --link-focus-border: #{$link-focus-border} --link-active: #{$link-active} --link-active-border: #{$link-active-border} --family-primary: #{$family-primary} --family-secondary: #{$family-secondary} --family-code: #{$family-code} --size-small: #{$size-small} --size-normal: #{$size-normal} --size-medium: #{$size-medium} --size-large: #{$size-large} // Controls --control-font-size: #{$control-font-size} --control-radius: #{$control-radius} --control-radius-small: #{$control-radius-small} --control-border-width: #{$control-border-width} --control-height: #{$control-height} --control-line-height: #{$control-line-height} --control-padding-vertical: #{$control-padding-vertical} --control-padding-horizontal: #{$control-padding-horizontal} // Inputs --input-color: #{$input-color} --input-background-color: #{$input-background-color} --input-border-color: #{$input-border-color} --input-height: #{$input-height} --input-shadow: #{$input-shadow} --input-placeholder-color: #{$input-placeholder-color} --input-hover-color: #{$input-hover-color} --input-hover-border-color: #{$input-hover-border-color} --input-focus-color: #{$input-focus-color} --input-focus-border-color: #{$input-focus-border-color} --input-focus-box-shadow-size: #{$input-focus-box-shadow-size} --input-focus-box-shadow-color: #{$input-focus-box-shadow-color} --input-disabled-color: #{$input-disabled-color} --input-disabled-background-color: #{$input-disabled-background-color} --input-disabled-border-color: #{$input-disabled-border-color} --input-disabled-placeholder-color: #{$input-disabled-placeholder-color} --input-arrow: #{$input-arrow} --input-icon-color: #{$input-icon-color} --input-icon-active-color: #{$input-icon-active-color} --input-radius: #{$input-radius}