:root { --color-tenant-custom: #095FBE; --color-tenant-custom-on: #FFFFFF; --color-tenant-custom-soft: #CEDFF2; --color-tenant-custom-wash: #F0F5FB; --color-tenant-custom-page: #E7EDF6; --color-tenant-custom-raised: #D8E1EA; --color-tenant-custom-head: #DDE5EF; --color-tenant-custom-court: #D7E0E9; --color-tenant-custom-primary: #0071E3; --color-tenant-custom-on-primary: #FFFFFF; }
:root[data-theme="dark"] { --color-tenant-custom: #4F9BFF; --color-tenant-custom-on: #0B1620; --color-tenant-custom-soft: #1C344B; --color-tenant-custom-wash: #102132; --color-tenant-custom-page: #111D2A; --color-tenant-custom-raised: #1F2F3F; --color-tenant-custom-head: #1B2B3C; --color-tenant-custom-court: #1A2A3A; --color-tenant-custom-primary: #0071E3; --color-tenant-custom-on-primary: #FFFFFF; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-tenant-custom: #4F9BFF; --color-tenant-custom-on: #0B1620; --color-tenant-custom-soft: #1C344B; --color-tenant-custom-wash: #102132; --color-tenant-custom-page: #111D2A; --color-tenant-custom-raised: #1F2F3F; --color-tenant-custom-head: #1B2B3C; --color-tenant-custom-court: #1A2A3A; --color-tenant-custom-primary: #0071E3; --color-tenant-custom-on-primary: #FFFFFF; } }
:root:root:root[data-theme="light"] { --tenant-header: #FFFFFF; --tenant-header-on: #0B1F33; --tenant-header-soft: #4F5E6C; --tenant-header-line: #D3D7DA; --tenant-footer: #F5F5F7; --tenant-footer-on: #0B1F33; --tenant-footer-soft: #4D5B6A; --tenant-footer-line: #CBCED4; --color-surface-page: #F5F5F7; --color-surface-card: #FFFFFF; --color-text-strong: #1D1D1F; --color-text-normal: #3F3F41; --color-text-muted: #656567; --color-brand-link: #0066CC; --tenant-slot-free: #F5F5F7; --tenant-slot-booked: #E8E8ED; --tenant-slot-selected: #0071E3; --tenant-slot-selected-on: #FFFFFF; }
:root:root:root { --tenant-radius-button: 999px; --tenant-card-border: 1px solid transparent; --tenant-card-shadow: none; --tenant-glass-alpha: 50%; --duration-fast: 200ms; --duration-normal: 360ms; --duration-slow: 520ms; --ease-standard: cubic-bezier(.22,1,.36,1); }