:root {
    --neutral-50: 250, 250, 250;
    --neutral-100: 245, 245, 245;
    --neutral-200: 229, 229, 229;
    --neutral-300: 212, 212, 212;
    --neutral-400: 163, 163, 163;
    --neutral-500: 115, 115, 115;
    --neutral-600: 82, 82, 82;
    --neutral-700: 64, 64, 64;
    --neutral-800: 38, 38, 38;
    --neutral-900: 23, 23, 23;
}

:root {
    --cyan-50: 236, 249, 250;
    --cyan-100: 217, 243, 245;
    --cyan-200: 179, 231, 235;
    --cyan-300: 140, 219, 225;
    --cyan-400: 102, 207, 215;
    --cyan-500: 21, 152, 164;
    --cyan-600: 17, 122, 131;
    --cyan-700: 13, 91, 98;
    --cyan-800: 9, 61, 66;
    --cyan-900: 4, 30, 33;
    --cyan-950: 2, 15, 16;
}

:root {
    --blue-50: 239, 246, 255;
    --blue-100: 219, 234, 254;
    --blue-200: 191, 219, 254;
    --blue-300: 147, 197, 253;
    --blue-400: 96, 165, 250;
    --blue-500: 59, 130, 246;
    --blue-600: 37, 99, 235;
    --blue-700: 29, 78, 216;
    --blue-800: 30, 64, 175;
    --blue-900: 30, 58, 138;
}

:root {
    --transition-all: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
    --rounded-none: 0px;
    --rounded-sm: 0.125rem;
    --rounded: 0.25rem;
    --rounded-md: 0.375rem;
    --rounded-lg: 0.5rem;
}

:root {
    --flex-1: 1 1 0%;
}

:root {
    --purple-100: #f3e8ff;
    --purple-200: #e9d5ff;
    --purple-300: #d8b4fe;
    --purple-400: #c084fc;
    --emerald-100: #d1fae5;
    --emerald-200: #a7f3d0;
    --emerald-300: #6ee7b7;
    --emerald-400: #34d399;
    --amber-100: #fef3c7;
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-400: #fbbf24;
    --rose-100: #ffe4e6;
    --rose-200: #fecdd3;
    --rose-300: #fda4af;
    --rose-400: #fb7185;
}

:root {
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
}

:root {
    --appointments-preview-y-axis: 0;
    --appointments-preview-x-axis: 0;
}

:root {
    --time-content: "";
    --time-x-axis: 3rem;
    --schedule-content: "";
    --schedule-width: 0;
    --schedule-x-axis: 10.25rem;
}

[data-component-part="tabs--root"] {
    border: 0.063rem solid rgba(var(--neutral-200), 1);
    border-radius: 0.5rem;
    padding: 0.25rem !important;
}

[data-component-part="tabs--list"] {
    border-radius: 0.438rem;
    display: inline-flex;
    gap: 0.25rem;
}

[data-component-part="tabs--trigger"] {
    border-radius: 0.438rem;
    padding: 0.374rem 1rem !important;
    color: rgba(var(--neutral-700), 1);
    font-weight: 600;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    transition: var(--transition-all);
}

[data-component-part="tabs--list-item"][data-state="active"] [data-component-part="tabs--trigger"] {
    background-color: #bb2324;
    color: rgba(var(--neutral-50), 1);
}

[data-component-part="tabs--list-item"][data-state="inactive"] [data-component-part="tabs--trigger"]:hover {
    background-color: rgba(var(--neutral-200), 0.5);
    color: rgba(var(--neutral-800), 0.5);
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}