:root { --color-tenant-custom: #0D6893; --color-tenant-custom-on: #FFFFFF; --color-tenant-custom-soft: #CFE1E9; --color-tenant-custom-wash: #F0F6F9; --color-tenant-custom-page: #E4EEF5; --color-tenant-custom-raised: #D8E2E6; --color-tenant-custom-head: #DDE6EA; --color-tenant-custom-court: #D8E1E5; --color-tenant-custom-primary: #0EA5E9; --color-tenant-custom-on-primary: #0B1F33; }
:root[data-theme="dark"] { --color-tenant-custom: #0EA5E9; --color-tenant-custom-on: #0B1620; --color-tenant-custom-soft: #113548; --color-tenant-custom-wash: #0B2130; --color-tenant-custom-page: #0D1E28; --color-tenant-custom-raised: #1A303E; --color-tenant-custom-head: #162C3A; --color-tenant-custom-court: #152B38; --color-tenant-custom-primary: #0EA5E9; --color-tenant-custom-on-primary: #0B1F33; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-tenant-custom: #0EA5E9; --color-tenant-custom-on: #0B1620; --color-tenant-custom-soft: #113548; --color-tenant-custom-wash: #0B2130; --color-tenant-custom-page: #0D1E28; --color-tenant-custom-raised: #1A303E; --color-tenant-custom-head: #162C3A; --color-tenant-custom-court: #152B38; --color-tenant-custom-primary: #0EA5E9; --color-tenant-custom-on-primary: #0B1F33; } }
:root:root:root[data-theme="light"] { --tenant-header: #0C4A6E; --tenant-header-on: #080A0D; --tenant-header-soft: #091C28; --tenant-header-line: #0B3E5D; --tenant-footer: #0C4A6E; --tenant-footer-on: #FFFFFF; --tenant-footer-soft: #BBCCD6; --tenant-footer-line: #386B88; --color-surface-page: #EAF6FD; --color-surface-card: #FFFFFF; --color-text-strong: #0C2D48; --color-text-normal: #304D63; --color-text-muted: #5A7083; --color-brand-link: #0369A1; --tenant-slot-free: #E0F2FE; --tenant-slot-booked: #EEF2F5; --tenant-active: #0C4A6E; --tenant-active-on: #FFFFFF; --tenant-slot-selected: #0284C7; --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: 60%; --duration-fast: 200ms; --duration-normal: 360ms; --duration-slow: 520ms; --ease-standard: cubic-bezier(.22,1,.36,1); }