:host, :root {
    --color-blue-600: oklch(0.36 0.10 258);
    --color-blue-700: oklch(0.26 0.08 259);
    --color-gray-300: oklch(0.36 0.10 258);
    --color-gray-400: oklch(0.36 0.10 258);
    --color-gray-600: oklch(0.36 0.10 258);
    --color-gray-700: oklch(0.36 0.10 258);
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
}

.border-2 {
    border-style: var(--tw-border-style);
    border-width: 1px;
}

button#densityToggle, button#themeToggle {
    display: none;
}

a.comfortable\:h-10.comfortable\:px-3.comfortable\:py-2.compact\:h-9.compact\:px-2\.5.compact\:py-1\.5.compact\:text-sm.flex.w-full.items-center.justify-center.rounded-md.border-2.border-gray-400.bg-transparent.font-semibold.text-gray-700.transition-colors.outline-none.hover\:border-gray-500.hover\:bg-gray-100.focus\:ring-2.focus\:ring-gray-900.focus\:ring-offset-2.dark\:border-gray-600.dark\:text-gray-300.dark\:hover\:border-gray-500.dark\:hover\:bg-gray-800.dark\:focus\:ring-gray-300.dark\:focus\:ring-offset-gray-900 {
    display: none;
}

.page-body {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: calc(var(--spacing) * 4);
    background: #04316a;
}

html {
    color-scheme: light;
}
.page-card:where(.dark,.dark *) {
    background-color: #fff;
}

.dark\:bg-blue-500:where(.dark,.dark *) {
    background-color: #04316a;
}

.dark\:bg-gray-800:where(.dark,.dark *) {
    background-color: #fff;
}

.dark\:border-blue-500:where(.dark,.dark *) {
    border-color: #04316a;
}
.dark\:text-gray-100:where(.dark,.dark *),
h1:where(.dark,.dark *) {
    color: #04316a !important;
}