.primary,
.secondary,
.success,
.warning,
.danger,
.important,
.special,
.gray-50,
.gray-100,
.gray-200, .lightest, /* .lightest is deprecated */
.gray-300, .lighter, /* .lighter is deprecated */
.gray-400, .lighten, /* .lighten is deprecated */
.gray-500, .gray,
.gray-600, .darken, /* .darken is deprecated */
.gray-700, .darker, /* .darker is deprecated */
.gray-800, .darkest, /* .darkest is deprecated */
.gray-900,
.gray-950 {
  @apply -skin;
  --skin-text: rgba(var(--color-fore-in-dark-rgb), var(--tw-text-opacity));
  --skin-color: rgba(var(--skin-solid-rgb), 1);
  --state-ring-color: var(--skin-color);
  --state-active-color: rgba(0,0,0,.1);
  --state-pressed-color: rgba(0,0,0,.1);
  --state-color: rgba(255,255,255,.1);
  --state-focus-color: rgba(0,0,0,.1);
}

.primary {
  --skin-solid-rgb: var(--color-primary-500-rgb);
}
.secondary {
  --skin-solid-rgb: var(--color-secondary-500-rgb);
}
.success {
  --skin-solid-rgb: var(--color-success-500-rgb);
}
.warning {
  --skin-solid-rgb: var(--color-warning-500-rgb);
}
.danger {
  --skin-solid-rgb: var(--color-danger-500-rgb);
}
.important {
  --skin-solid-rgb: var(--color-important-500-rgb);
}
.special {
  --skin-solid-rgb: var(--color-special-500-rgb);
}

.gray-50 {
  --skin-bg: rgba(var(--color-gray-50-rgb), var(--tw-bg-opacity));
  --skin-text: rgba(var(--color-fore), var(--tw-text-opacity));
}
.gray-100 {
  --skin-solid-rgb: var(--color-gray-100-rgb);
  --skin-text: rgba(var(--color-fore), var(--tw-text-opacity));
}
.gray-200, .lightest {
  --skin-solid-rgb: var(--color-gray-200-rgb);
  --skin-text: rgba(var(--color-fore), var(--tw-text-opacity));
}
.gray-300, .lighter {
  --skin-solid-rgb: var(--color-gray-300-rgb);
  --skin-text: rgba(var(--color-fore), var(--tw-text-opacity));
}
.gray-400, .lighten {
  --skin-solid-rgb: var(--color-gray-400-rgb);
}
.gray-500, .gray {
  --skin-solid-rgb: var(--color-gray-500-rgb);
}
.gray-600, .darken {
  --skin-solid-rgb: var(--color-gray-600-rgb);
}
.gray-700, .darker {
  --skin-solid-rgb: var(--color-gray-700-rgb);
}
.gray-800, .darkest {
  --skin-solid-rgb: var(--color-gray-800-rgb);
}
.gray-900 {
  --skin-solid-rgb: var(--color-gray-900-rgb);
}
.gray-950 {
  --skin-solid-rgb: var(--color-gray-950-rgb);
}
