:root {
    --tenant-primary: #2f6bff;
    --tenant-secondary: #22d3ee;
    --tenant-tertiary: #0b1b4a;
    --primary: var(--tenant-primary);
    --secondary: var(--tenant-secondary);
}

[x-cloak] {
    display: none !important;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

h1,
h2,
h3 {
    letter-spacing: -0.03em;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, var(--tenant-primary) 0%, var(--tenant-tertiary) 100%);
}

.bg-gradient-primary-secondary {
    background: linear-gradient(135deg, var(--tenant-primary) 0%, var(--tenant-secondary) 100%);
}

.btn-tenant-primary {
    background-color: var(--tenant-primary);
    color: #ffffff;
}

.btn-tenant-primary:hover:not(:disabled) {
    filter: brightness(0.96);
}

.btn-tenant-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tenant-primary) 55%, #ffffff 45%);
}

.btn-tenant-primary:disabled {
    cursor: not-allowed;
    filter: saturate(0.65) brightness(1.02);
}

.badge-tenant-primary {
    background-color: color-mix(in srgb, var(--tenant-primary) 15%, #ffffff 85%);
    color: color-mix(in srgb, var(--tenant-primary) 88%, #0f172a 12%);
}

.badge-tenant-secondary {
    background-color: color-mix(in srgb, var(--tenant-secondary) 15%, #ffffff 85%);
    color: color-mix(in srgb, var(--tenant-secondary) 88%, #0f172a 12%);
}

.link-tenant-primary {
    color: var(--tenant-primary);
}

.link-tenant-primary:hover {
    filter: brightness(0.92);
}