:root {
    --color-primary-600: #0f85fb;
    --color-secondary-600: #666466;
    --color-primary-50: #e7f3ff;
    --color-primary-800: #3f9dfc;
}

.bg-primary-600 {
    background-color: var(--color-primary-600);
}

.text-primary-600 {
    color: var(--color-primary-600);
}

.border-primary-600 {
    border-color: var(--color-primary-600);
}

.focus\:ring-primary-600:focus {
    --tw-ring-color: var(--color-primary-600);
}

.bg-primary-50 {
    background-color: var(--color-primary-50);
}

.bg-primary-100 {
    background-color: rgba(15,133,251, 0.1);
}

.text-primary-800 {
    color: var(--color-primary-800);
}

.hover\:text-primary-800:hover {
    color: var(--color-primary-800);
}

.bg-secondary-600 {
    background-color: var(--color-secondary-600);
}

.text-secondary-600 {
    color: var(--color-secondary-600);
}

.border-secondary-600 {
    border-color: var(--color-secondary-600);
}

.bg-secondary-100 {
    background-color: rgba(102,100,102, 0.1);
}