/* Table of Contents
==================================================
# Variables
# Link
# State */

/* # Variables
================================================== */
$colors: (
  dark-black: $color-dark-black,
  black: $color-black,
  light-black: $color-light-black,
  dark-gray: $color-dark-gray,
  gray: $color-gray,
  light-gray: $color-light-gray,
  dark-haze: $color-dark-haze,
  haze: $color-haze,
  light-haze: $color-light-haze,
  white: $color-white,
  lime: $color-lime,
  green: $color-green,
  teal: $color-teal,
  blue: $color-blue,
  indigo: $color-indigo,
  purple: $color-purple,
  pink: $color-pink,
  red: $color-red,
  orange: $color-orange,
  yellow: $color-yellow,
  primary: $color-primary,
  secondary: $color-secondary,
  tertiary: $color-tertiary
);

/* # Link
================================================== */
a {
  color: inherit;
  text-decoration: none;
  touch-action: manipulation;
  @include transition(all 0.3s ease-in-out);
}
a[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

/* # State
================================================== */
@each $name, $color in $colors {
  .link-state-#{$name}:hover,
  .link-state-#{$name}.active,
  .link-state-#{$name}:active,
  .link-state-#{$name}.focus { color: $color !important; }
}