/**
 * SEMANTIC COLOR UTILITIES
 *
*/
@layer utilities {
    /* CONTENT TEXT COLOR UTILITIES */
    .n7-content-01 {
        @apply text-neutral-900;
    }

    .n7-content-02 {
        @apply text-neutral-800;
    }

    .n7-content-03 {
        @apply text-neutral-700;
    }

    .n7-content-placeholder {
        @apply text-neutral-600;
    }

    .n7-input-placeholder {
        @apply placeholder-neutral-600;
    }

    .n7-content-inverse {
        @apply text-neutral-50;
    }

    .n7-content-05 {
        @apply text-neutral-500;
    }

    .n7-content-disabled {
        @apply text-neutral-400;
    }

    .n7-content-primary {
        @apply text-primary-600;
    }

    .n7-content-error {
        @apply text-error-dark;
    }

    .n7-content-warn {
        @apply text-warn-dark;
    }

    .n7-content-info {
        @apply text-info-dark;
    }

    .n7-content-success {
        @apply text-success-dark;
    }

    /* BUTTON COLOR UTILITIES */
    .n7-button-primary {
        @apply bg-primary-600 border-primary-600;
    }

    .n7-button-primary-hover {
        @apply bg-primary-700 border-primary-700;
    }

    .n7-button-primary-active {
        @apply bg-primary-900 border-primary-900;
    }

    .n7-button-secondary {
        @apply bg-secondary-600 border-secondary-600;
    }

    .n7-button-secondary-hover {
        @apply bg-secondary-700 border-secondary-700;
    }

    .n7-button-secondary-active {
        @apply bg-secondary-900 border-secondary-900;
    }

    .n7-button-disabled {
        @apply bg-secondary-100 border-secondary-100;
    }

    .n7-button-outline {
        @apply text-primary-600 border-primary-600;
    }

    .n7-button-outline-hover {
        @apply text-primary-700 border-primary-700;
    }

    .n7-button-outline-active {
        @apply text-primary-900 border-primary-900;
    }

    .n7-button-only-text {
        @apply text-primary-600 border-transparent;
    }

    .n7-button-only-text-hover {
        @apply text-primary-700 border-transparent;
    }

    .n7-button-only-text-active {
        @apply text-primary-900 border-transparent;
    }

    .n7-button-inverted {
        @apply bg-neutral-50 border-neutral-50;
    }

    .n7-button-inverted-hover {
        @apply bg-neutral-50 border-neutral-50;
    }

    .n7-button-inverted-focus {
        @apply bg-neutral-50 border-neutral-50;
    }

    .n7-button-inverted-active {
        @apply bg-neutral-100 border-neutral-100;
    }

    .n7-button-inverted-text {
        @apply n7-content-primary;
    }

    .n7-button-inverted-text-hover {
        @apply n7-content-01;
    }

    .n7-button-inverted-text-focus {
        @apply n7-content-02;
    }

    .n7-button-inverted-text-active {
        @apply n7-content-02;
    }

    .n7-button-text-inverted {
        @apply bg-transparent border-transparent;
    }

    .n7-button-text-inverted-hover {
        @apply bg-black/50 border-black/50;
    }

    .n7-button-text-inverted-focus {
        @apply bg-transparent border-transparent;
    }

    .n7-button-text-inverted-active {
        @apply bg-transparent border-transparent;
    }

    .n7-button-text-inverted-text {
        @apply n7-content-inverse;
    }

    .n7-button-text-inverted-text-hover {
        @apply n7-content-inverse;
    }

    .n7-button-text-inverted-text-focus {
        @apply n7-content-inverse;
    }

    .n7-button-text-inverted-text-active {
        @apply n7-content-inverse;
    }

    /* LINK TEXT COLOR UTILITIES */
    .n7-link-primary {
        @apply text-primary-600;
    }

    .n7-link-visited {
        @apply text-primary-900;
    }

    .n7-link-inverse {
        @apply text-primary-300;
    }

    .n7-link-primary-hover {
        @apply text-primary-800;
    }

    .n7-link-inverse-hover {
        @apply text-primary-200;
    }

    .n7-link-inverse-visited {
        @apply text-primary-100;
    }

    /* BACKGROUND CUSTOM UTILITIES */
    .n7-background-01 {
        @apply bg-neutral-50;
    }

    .n7-background-02 {
        @apply bg-neutral-100;
    }

    .n7-background-03 {
        @apply bg-neutral-300;
    }

    .n7-background-04 {
        @apply bg-neutral-400;
    }

    .n7-background-05 {
        @apply bg-neutral-700;
    }

    .n7-background-06 {
        @apply bg-neutral-800;
    }

    .n7-background-07 {
        @apply bg-neutral-900;
    }

    .n7-background-inverse {
        @apply bg-neutral-50;
    }

    .n7-background-primary {
        @apply bg-primary-600;
    }

    .n7-background-primary-light {
        @apply bg-primary-200;
    }

    .n7-background-primary-dark {
        @apply bg-primary-900;
    }

    .n7-background-secondary {
        @apply bg-secondary-500;
    }

    .n7-background-secondary-light {
        @apply bg-secondary-200;
    }

    .n7-background-secondary-dark {
        @apply bg-secondary-900;
    }

    /* BORDER CUSTOM */
    .n7-border-gray-01 {
        @apply border-neutral-300;
    }

    .n7-border-gray-02 {
        @apply border-neutral-400;
    }

    .n7-border-gray-03 {
        @apply border-neutral-500;
    }

    .n7-border-gray-04 {
        @apply border-neutral-800;
    }

    .n7-border-primary {
        @apply border-primary-600;
    }

    .n7-border-inverse {
        @apply border-neutral-50;
    }

    .n7-border-input {
        @apply border-neutral-700;
    }

    .n7-border-error-dark {
        @apply border-error-dark;
    }
}