:root {--oo-brand: #c084fc; --oo-success: #16a34a; --oo-warning: #d97706; --oo-danger: #dc2626; --oo-neutral: #6b7280; --oo-bg: #2b2a33; --oo-bg-surface: #1f1e26; --oo-text: #e8e6f0; --oo-text-muted: #9b99a8; --oo-border: #3a3946; --oo-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, 'Helvetica Neue', sans-serif; --oo-font-size: 16px; --oo-border-radius: 8px; --oo-spacing: 16px; --oo-brand-50: #FBF8FE; --oo-brand-100: #F5ECFE; --oo-brand-200: #ECDAFE; --oo-brand-300: #DFC1FD; --oo-brand-400: #D2A8FC; --oo-brand-500: #C996FC; --oo-brand-600: #c084fc; --oo-brand-700: #A370D6; --oo-brand-800: #865CB0; --oo-brand-900: #69488A; --oo-success-50: #F3FAF5; --oo-success-100: #DCF1E3; --oo-success-200: #B9E3C8; --oo-success-300: #8AD1A4; --oo-success-400: #5BBE80; --oo-success-500: #38B065; --oo-success-600: #16a34a; --oo-success-700: #128A3E; --oo-success-800: #0F7233; --oo-success-900: #0C5928; --oo-warning-50: #FDF8F2; --oo-warning-100: #F9EAD9; --oo-warning-200: #F3D6B4; --oo-warning-300: #ECBB82; --oo-warning-400: #E49F50; --oo-warning-500: #DE8B2B; --oo-warning-600: #d97706; --oo-warning-700: #B86505; --oo-warning-800: #975304; --oo-warning-900: #774103; --oo-danger-50: #FDF4F4; --oo-danger-100: #F9DEDE; --oo-danger-200: #F4BDBD; --oo-danger-300: #ED9292; --oo-danger-400: #E66767; --oo-danger-500: #E14646; --oo-danger-600: #dc2626; --oo-danger-700: #BB2020; --oo-danger-800: #9A1A1A; --oo-danger-900: #791414; --oo-neutral-50: #F7F7F8; --oo-neutral-100: #E8E9EB; --oo-neutral-200: #D2D4D8; --oo-neutral-300: #B5B8BF; --oo-neutral-400: #979CA6; --oo-neutral-500: #818793; --oo-neutral-600: #6b7280; --oo-neutral-700: #5A606C; --oo-neutral-800: #4A4F59; --oo-neutral-900: #3A3E46; --oo-input-bg: var(--oo-bg); --oo-input-border: var(--oo-border); --oo-input-border-focus: var(--oo-brand); --oo-input-text: var(--oo-text); --oo-input-placeholder: var(--oo-text-muted); --oo-button-brand-bg: var(--oo-brand); --oo-button-brand-hover: var(--oo-brand-700); --oo-button-brand-text: #ffffff; --oo-dialog-bg: var(--oo-bg); --oo-dialog-overlay: rgba(0,0,0,0.4); --oo-dialog-border: var(--oo-border); --oo-grid-header-bg: var(--oo-bg-surface); --oo-grid-row-hover: var(--oo-brand-50); --oo-grid-border: var(--oo-border); --oo-editor-toolbar-bg: var(--oo-bg-surface); --oo-editor-border: var(--oo-border); --oo-toast-success-bg: var(--oo-success); --oo-toast-error-bg: var(--oo-danger); --oo-toast-warning-bg: var(--oo-warning); --oo-toast-info-bg: var(--oo-brand); --oo-calendar-today-bg: var(--oo-brand-50); --oo-calendar-selected-bg: var(--oo-brand); --oo-tooltip-bg: var(--oo-neutral-800); --oo-tooltip-text: #ffffff; --oo-progress-brand: var(--oo-brand); --oo-progress-track: var(--oo-neutral-200); --oo-tab-active-color: var(--oo-brand); --oo-tab-border: var(--oo-border); --oo-card-bg: var(--oo-bg); --oo-card-border: var(--oo-border); --oo-card-shadow: 0 1px 3px rgba(0,0,0,0.1); --oo-callout-success-bg: var(--oo-success-50); --oo-callout-warning-bg: var(--oo-warning-50); --oo-callout-danger-bg: var(--oo-danger-50); --oo-tree-selected-bg: var(--oo-brand-50); --oo-skeleton-bg: var(--oo-neutral-200); --oo-skeleton-sheen: var(--oo-neutral-100); --oo-select-bg: var(--oo-bg); --oo-select-border: var(--oo-border); --oo-select-option-hover: var(--oo-brand-50); --oo-switch-track: var(--oo-neutral-300); --oo-switch-track-checked: var(--oo-brand); --oo-switch-thumb: #ffffff; --oo-slider-track: var(--oo-neutral-200); --oo-slider-fill: var(--oo-brand); --oo-slider-thumb: var(--oo-brand); --oo-rating-active: var(--oo-warning); --oo-rating-inactive: var(--oo-neutral-200); --oo-avatar-bg: var(--oo-neutral-300); --oo-avatar-text: #ffffff; --oo-focus-color: var(--oo-brand); --oo-focus-ring: 0 0 0 3px color-mix(in srgb, var(--oo-brand) 40%, transparent); --oo-carousel-indicator-active: var(--oo-brand); } :root {--bs-primary: var(--oo-brand); --bs-secondary: var(--oo-neutral); --bs-success: var(--oo-success); --bs-warning: var(--oo-warning); --bs-danger: var(--oo-danger); --bs-info: var(--oo-brand-400); --bs-light: var(--oo-neutral-100); --bs-dark: var(--oo-neutral-900); --bs-primary-rgb: 192, 132, 252; --bs-secondary-rgb: 107, 114, 128; --bs-success-rgb: 22, 163, 74; --bs-warning-rgb: 217, 119, 6; --bs-danger-rgb: 220, 38, 38; --bs-info-rgb: 210, 168, 252; --bs-light-rgb: 232, 233, 235; --bs-dark-rgb: 58, 62, 70; --bs-body-bg: var(--oo-bg); --bs-body-color: var(--oo-text); --bs-body-font-family: var(--oo-font-family); --bs-body-bg-rgb: 43, 42, 51; --bs-body-color-rgb: 232, 230, 240; --bs-border-radius: var(--oo-border-radius); --bs-border-radius-sm: calc(var(--oo-border-radius) * 0.667); --bs-border-radius-lg: calc(var(--oo-border-radius) * 1.333); --bs-border-radius-xl: calc(var(--oo-border-radius) * 1.667); --bs-border-radius-xxl: calc(var(--oo-border-radius) * 2); --bs-border-color: var(--oo-border); --bs-body-font-size: var(--oo-font-size); --bs-font-sans-serif: var(--oo-font-family); --bs-link-color: var(--oo-brand); --bs-link-hover-color: var(--oo-brand-700); } .btn-primary {--bs-btn-bg: var(--oo-brand); --bs-btn-border-color: var(--oo-brand); --bs-btn-hover-bg: var(--oo-brand-700); --bs-btn-hover-border-color: var(--oo-brand-700); --bs-btn-active-bg: var(--oo-brand-800); --bs-btn-active-border-color: var(--oo-brand-800); } .btn-outline-primary {--bs-btn-color: var(--oo-brand); --bs-btn-border-color: var(--oo-brand); --bs-btn-hover-bg: var(--oo-brand); --bs-btn-hover-border-color: var(--oo-brand); --bs-btn-active-bg: var(--oo-brand); --bs-btn-active-border-color: var(--oo-brand); } .btn-secondary {--bs-btn-bg: var(--oo-neutral); --bs-btn-border-color: var(--oo-neutral); --bs-btn-hover-bg: var(--oo-neutral-700); --bs-btn-hover-border-color: var(--oo-neutral-700); --bs-btn-active-bg: var(--oo-neutral-800); --bs-btn-active-border-color: var(--oo-neutral-800); } .btn-outline-secondary {--bs-btn-color: var(--oo-neutral); --bs-btn-border-color: var(--oo-neutral); --bs-btn-hover-bg: var(--oo-neutral); --bs-btn-hover-border-color: var(--oo-neutral); --bs-btn-active-bg: var(--oo-neutral); --bs-btn-active-border-color: var(--oo-neutral); } .btn-success {--bs-btn-bg: var(--oo-success); --bs-btn-border-color: var(--oo-success); --bs-btn-hover-bg: var(--oo-success-700); --bs-btn-hover-border-color: var(--oo-success-700); --bs-btn-active-bg: var(--oo-success-800); --bs-btn-active-border-color: var(--oo-success-800); } .btn-outline-success {--bs-btn-color: var(--oo-success); --bs-btn-border-color: var(--oo-success); --bs-btn-hover-bg: var(--oo-success); --bs-btn-hover-border-color: var(--oo-success); --bs-btn-active-bg: var(--oo-success); --bs-btn-active-border-color: var(--oo-success); } .btn-warning {--bs-btn-bg: var(--oo-warning); --bs-btn-border-color: var(--oo-warning); --bs-btn-hover-bg: var(--oo-warning-700); --bs-btn-hover-border-color: var(--oo-warning-700); --bs-btn-active-bg: var(--oo-warning-800); --bs-btn-active-border-color: var(--oo-warning-800); } .btn-outline-warning {--bs-btn-color: var(--oo-warning); --bs-btn-border-color: var(--oo-warning); --bs-btn-hover-bg: var(--oo-warning); --bs-btn-hover-border-color: var(--oo-warning); --bs-btn-active-bg: var(--oo-warning); --bs-btn-active-border-color: var(--oo-warning); } .btn-danger {--bs-btn-bg: var(--oo-danger); --bs-btn-border-color: var(--oo-danger); --bs-btn-hover-bg: var(--oo-danger-700); --bs-btn-hover-border-color: var(--oo-danger-700); --bs-btn-active-bg: var(--oo-danger-800); --bs-btn-active-border-color: var(--oo-danger-800); } .btn-outline-danger {--bs-btn-color: var(--oo-danger); --bs-btn-border-color: var(--oo-danger); --bs-btn-hover-bg: var(--oo-danger); --bs-btn-hover-border-color: var(--oo-danger); --bs-btn-active-bg: var(--oo-danger); --bs-btn-active-border-color: var(--oo-danger); } .btn-info {--bs-btn-bg: var(--oo-brand-400); --bs-btn-border-color: var(--oo-brand-400); --bs-btn-hover-bg: var(--oo-brand-400-700); --bs-btn-hover-border-color: var(--oo-brand-400-700); --bs-btn-active-bg: var(--oo-brand-400-800); --bs-btn-active-border-color: var(--oo-brand-400-800); } .btn-outline-info {--bs-btn-color: var(--oo-brand-400); --bs-btn-border-color: var(--oo-brand-400); --bs-btn-hover-bg: var(--oo-brand-400); --bs-btn-hover-border-color: var(--oo-brand-400); --bs-btn-active-bg: var(--oo-brand-400); --bs-btn-active-border-color: var(--oo-brand-400); } .alert-primary {--bs-alert-bg: var(--oo-brand-50); --bs-alert-border-color: var(--oo-brand-200); --bs-alert-color: var(--oo-brand-900); } .alert-secondary {--bs-alert-bg: var(--oo-neutral-50); --bs-alert-border-color: var(--oo-neutral-200); --bs-alert-color: var(--oo-neutral-900); } .alert-success {--bs-alert-bg: var(--oo-success-50); --bs-alert-border-color: var(--oo-success-200); --bs-alert-color: var(--oo-success-900); } .alert-warning {--bs-alert-bg: var(--oo-warning-50); --bs-alert-border-color: var(--oo-warning-200); --bs-alert-color: var(--oo-warning-900); } .alert-danger {--bs-alert-bg: var(--oo-danger-50); --bs-alert-border-color: var(--oo-danger-200); --bs-alert-color: var(--oo-danger-900); } .alert-info {--bs-alert-bg: var(--oo-brand-400-50); --bs-alert-border-color: var(--oo-brand-400-200); --bs-alert-color: var(--oo-brand-400-900); } .text-bg-primary {background-color: var(--oo-brand) !important; } .text-bg-secondary {background-color: var(--oo-neutral) !important; } .text-bg-success {background-color: var(--oo-success) !important; } .text-bg-warning {background-color: var(--oo-warning) !important; } .text-bg-danger {background-color: var(--oo-danger) !important; } .text-bg-info {background-color: var(--oo-brand-400) !important; } .progress-bar {background-color: var(--oo-brand); } .bg-primary {background-color: var(--oo-brand) !important; } .bg-success {background-color: var(--oo-success) !important; } .bg-warning {background-color: var(--oo-warning) !important; } .bg-danger {background-color: var(--oo-danger) !important; } .bg-info {background-color: var(--oo-brand-400) !important; } .bg-secondary {background-color: var(--oo-neutral) !important; } body {--bs-body-bg: var(--oo-bg); --bs-body-color: var(--oo-text); --bs-body-font-family: var(--oo-font-family); --bs-body-font-size: var(--oo-font-size); } .btn {--bs-btn-border-radius: var(--oo-border-radius); } .btn-sm {--bs-btn-border-radius: calc(var(--oo-border-radius) * 0.667); } .btn-lg {--bs-btn-border-radius: calc(var(--oo-border-radius) * 1.333); } .form-control {border-radius: var(--oo-border-radius) !important; } .form-select {border-radius: var(--oo-border-radius) !important; } .card {--bs-card-border-radius: var(--oo-border-radius); --bs-card-inner-border-radius: calc(var(--oo-border-radius) - 1px); } .alert {--bs-alert-border-radius: var(--oo-border-radius); } .badge {border-radius: var(--oo-border-radius) !important; } .modal-content {--bs-modal-border-radius: var(--oo-border-radius); } .dropdown-menu {--bs-dropdown-border-radius: var(--oo-border-radius); --bs-dropdown-bg: var(--oo-bg); --bs-dropdown-color: var(--oo-text); --bs-dropdown-border-color: var(--oo-border); --bs-dropdown-link-color: var(--oo-text); --bs-dropdown-link-hover-color: var(--oo-text); --bs-dropdown-link-hover-bg: rgba(128,128,128,0.15); --bs-dropdown-divider-bg: var(--oo-border); } .accordion {--bs-accordion-border-radius: var(--oo-border-radius); --bs-accordion-inner-border-radius: calc(var(--oo-border-radius) - 1px); } .list-group {--bs-list-group-border-radius: var(--oo-border-radius); } .progress {--bs-progress-border-radius: var(--oo-border-radius); } .tooltip-inner {border-radius: var(--oo-border-radius) !important; } .popover {--bs-popover-border-radius: calc(var(--oo-border-radius) * 1.333); } .page-item:first-child .page-link {border-top-left-radius: var(--oo-border-radius) !important; border-bottom-left-radius: var(--oo-border-radius) !important; } .page-item:last-child .page-link {border-top-right-radius: var(--oo-border-radius) !important; border-bottom-right-radius: var(--oo-border-radius) !important; } a {--bs-link-color: var(--oo-brand); --bs-link-hover-color: var(--oo-brand-700); } .form-control {background-color: var(--oo-input-bg); color: var(--oo-input-text); border-color: var(--oo-input-border); } .form-control::placeholder {color: var(--oo-input-placeholder); } .form-select {background-color: var(--oo-input-bg); color: var(--oo-input-text); border-color: var(--oo-input-border); } .form-control:focus {border-color: var(--oo-brand); box-shadow: 0 0 0 .25rem rgba(192, 132, 252, .25); } .form-select:focus {border-color: var(--oo-brand); box-shadow: 0 0 0 .25rem rgba(192, 132, 252, .25); } .form-check-input {border-color: var(--oo-input-border); background-color: var(--oo-input-bg); } .form-switch .form-check-input {background-color: var(--oo-switch-track); border-color: var(--oo-switch-track); } .form-check-input:checked {background-color: var(--oo-brand); border-color: var(--oo-brand); } .form-range::-webkit-slider-thumb {background-color: var(--oo-brand); } .card {--bs-card-border-color: var(--oo-border); --bs-card-bg: var(--oo-bg); box-shadow: var(--oo-card-shadow); } .dropdown-menu {box-shadow: var(--oo-card-shadow); } .modal-content {box-shadow: 0 4px 16px rgba(0,0,0,0.15); } :root {--bs-focus-ring-color: rgba(192, 132, 252, .25); } .accordion-button:not(.collapsed) {color: var(--oo-brand-900); background-color: var(--oo-brand-50); } .accordion-button:focus {border-color: var(--oo-brand); box-shadow: 0 0 0 .25rem rgba(192, 132, 252, .25); } .nav-link.active {color: var(--oo-brand); } .nav-pills .nav-link.active {background-color: var(--oo-brand); } .page-item.active .page-link {background-color: var(--oo-brand); border-color: var(--oo-brand); } .page-link:hover {color: var(--oo-brand-700); } .page-link {color: var(--oo-brand); background-color: var(--oo-bg); border-color: var(--oo-border); } .page-link:hover {background-color: rgba(128,128,128,0.15); } .page-item.disabled .page-link {color: var(--oo-text-muted); background-color: var(--oo-bg); border-color: var(--oo-border); } .page-link:focus {box-shadow: 0 0 0 .25rem rgba(192, 132, 252, .25); } .oo-menubar {background-color: var(--oo-bg-surface); border-bottom: 1px solid var(--oo-border); font-family: var(--oo-font-family); } .oo-menubar .oo-menubar-trigger {color: var(--oo-text); text-decoration: none; padding: 8px 14px; font-weight: 400; font-size: var(--oo-font-size); display: inline-block; cursor: pointer; } .oo-menubar .oo-menubar-trigger:hover {background-color: rgba(128,128,128,0.15); color: var(--oo-text); text-decoration: none; } .oo-menubar .oo-menubar-trigger:focus, .oo-menubar .oo-menubar-trigger.show {background-color: rgba(128,128,128,0.2); color: var(--oo-text); box-shadow: none; text-decoration: none; } .oo-menubar .oo-menubar-link {color: var(--oo-text); text-decoration: none; padding: 8px 14px; font-weight: 400; font-size: var(--oo-font-size); } .oo-menubar .oo-menubar-link:hover {background-color: rgba(128,128,128,0.15); color: var(--oo-text); text-decoration: none; } .oo-menubar-submenu {position: relative; } .oo-menubar-submenu .oo-menubar-submenu-menu {display: none; position: absolute; left: 100%; top: 0; } .oo-menubar-submenu:hover > .oo-menubar-submenu-menu {display: block; } .oo-menubar-submenu-trigger::after {content: "\203A"; float: right; margin-left: 8px; } .tabulator {background-color: var(--oo-bg); border: 1px solid var(--oo-grid-border); border-radius: var(--oo-radius); font-family: var(--oo-font-family); font-size: var(--oo-font-size); color: var(--oo-text); } .tabulator .tabulator-header {background-color: var(--oo-grid-header-bg); border-bottom: 1px solid var(--oo-grid-border); color: var(--oo-text); } .tabulator .tabulator-header .tabulator-col {background-color: var(--oo-grid-header-bg); border-right-color: var(--oo-grid-border); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {background-color: var(--oo-brand-100); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-arrow {border-bottom-color: var(--oo-brand); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-arrow {border-top-color: var(--oo-brand); } .tabulator .tabulator-tableholder .tabulator-table {background-color: var(--oo-bg); color: var(--oo-text); } .tabulator-row {background-color: var(--oo-bg); } .tabulator-row.tabulator-row-even {background-color: rgba(128,128,128,0.06); } .tabulator-row.tabulator-selectable:hover {background-color: rgba(128,128,128,0.12); } .tabulator-row.tabulator-selected {background-color: var(--oo-brand-200); } .tabulator-row .tabulator-cell {border-right-color: var(--oo-grid-border); } .tabulator .tabulator-footer {background-color: var(--oo-grid-header-bg); border-top: 1px solid var(--oo-grid-border); color: var(--oo-text); } .tabulator .tabulator-footer .tabulator-page {border-color: var(--oo-grid-border); border-radius: var(--oo-radius); color: var(--oo-text); } .tabulator .tabulator-footer .tabulator-page.active {background-color: var(--oo-brand); border-color: var(--oo-brand); color: #fff; } .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {background-color: var(--oo-brand); color: #fff; } .tabulator .tabulator-footer .tabulator-page-size {border-color: var(--oo-grid-border); border-radius: var(--oo-radius); } .tabulator-row .tabulator-cell.tabulator-editing {border-color: var(--oo-brand); } .tabulator-popup-container {background: var(--oo-bg); border-color: var(--oo-grid-border); border-radius: var(--oo-radius); } .ql-toolbar {background-color: var(--oo-editor-toolbar-bg); } .ql-container {border-color: var(--oo-editor-border); } .flatpickr-calendar {background: var(--oo-bg); font-family: var(--oo-font-family); border-radius: var(--oo-radius); box-shadow: 0 3px 13px rgba(0,0,0,0.08); color: var(--oo-text); } .flatpickr-day {color: var(--oo-text); } span.flatpickr-weekday {color: var(--oo-text-muted); } .flatpickr-current-month {color: var(--oo-text); } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {color: var(--oo-text); fill: var(--oo-text); } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {fill: var(--oo-text-muted); } .flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {color: var(--oo-text); } .flatpickr-current-month .numInputWrapper span.arrowUp:after {border-bottom-color: var(--oo-text); } .flatpickr-current-month .numInputWrapper span.arrowDown:after {border-top-color: var(--oo-text); } .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {color: var(--oo-text-muted); } .flatpickr-calendar.hasTime .flatpickr-time {border-top-color: var(--oo-border); } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus {background: var(--oo-brand); border-color: var(--oo-brand); color: #fff; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)) {box-shadow: -10px 0 0 var(--oo-brand); } .flatpickr-day.week.selected {box-shadow: -5px 0 0 var(--oo-brand), 5px 0 0 var(--oo-brand); } .flatpickr-day.inRange {background: var(--oo-brand-100); border-color: var(--oo-brand-100); box-shadow: -5px 0 0 var(--oo-brand-100), 5px 0 0 var(--oo-brand-100); } .flatpickr-day:hover, .flatpickr-day:focus {background: var(--oo-brand-100); border-color: var(--oo-brand-100); } .flatpickr-day.today {border-color: var(--oo-brand-400); } .flatpickr-day.today:hover, .flatpickr-day.today:focus {background: var(--oo-brand-400); border-color: var(--oo-brand-400); color: #fff; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {fill: var(--oo-brand); } .flatpickr-time input:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {background: var(--oo-brand-50); } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {box-shadow: -2px 0 0 var(--oo-brand-100), 5px 0 0 var(--oo-brand-100); } :root {--fc-border-color: var(--oo-border); --fc-today-bg-color: var(--oo-calendar-today-bg); --fc-highlight-color: var(--oo-calendar-selected-bg); --fc-button-bg-color: var(--oo-brand); --fc-button-hover-bg-color: var(--oo-brand-700); --fc-button-active-bg-color: var(--oo-brand-800); --fc-button-border-color: var(--oo-brand); --fc-event-bg-color: var(--oo-brand); --fc-event-border-color: var(--oo-brand); --fc-event-text-color: #fff; --fc-non-business-color: var(--oo-brand-50); --fc-page-bg-color: var(--oo-bg); --fc-neutral-bg-color: var(--oo-brand-50); } .fc {font-family: var(--oo-font-family); } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {background-color: var(--oo-brand-800); border-color: var(--oo-brand-800); } .fc .fc-button:focus {box-shadow: 0 0 0 .25rem rgba(192, 132, 252, .25); } .fc .fc-col-header-cell-cushion {color: var(--oo-text); text-decoration: none; } .fc .fc-daygrid-day-number {color: var(--oo-text); text-decoration: none; } .fc .fc-more-link {color: var(--oo-brand); } .fc .fc-toolbar-title {color: var(--oo-text); } .fc .fc-timegrid-now-indicator-line {border-color: var(--oo-danger); } .fc .fc-timegrid-now-indicator-arrow {border-color: var(--oo-danger); } .splide__pagination__page.is-active {background: var(--oo-carousel-indicator-active); } .filepond--panel-root {background-color: var(--oo-bg-surface); } .filepond--drop-label {font-family: var(--oo-font-family); }