:root {
    color-scheme: light;
    --fad-blue: #304e85;
    --fad-navy: #07162d;
    --fad-highlight: #102b52;
    --fad-surface: #f4f7fb;
    --fad-text: #526176;
    --fad-muted: #5f7088;
    --fad-line: #dfe7f2;
    --fad-white: #ffffff;
    --fad-disabled: #b8cae5;
    --fad-focus: rgb(48 78 133 / 25%);
}

/* FAD spalvos ant standartinės Filament struktūros. */
.fi-body {
    background-color: var(--fad-surface);
    color: var(--fad-text);
}

.fi-header-heading,
.fi-simple-header-heading {
    color: var(--fad-navy);
}

.fi-header-subheading,
.fi-simple-header-subheading {
    color: var(--fad-muted);
}

.fi-topbar {
    background-color: var(--fad-white);
    border-color: var(--fad-line);
}

/* Vienas oficialus Filament logotipas, tik skirtingas saugus dydis pagal kontekstą. */
.fi-logo {
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
}

.fi-topbar .fi-logo {
    height: 2rem !important;
    max-width: 11rem;
}

.fi-simple-header .fi-logo,
.fi-simple-main .fi-logo {
    height: 3.25rem !important;
    max-width: min(100%, 18rem);
    margin-bottom: 1.5rem;
}

@media (max-width: 640px) {
    .fi-simple-header .fi-logo,
    .fi-simple-main .fi-logo {
        height: 2.75rem !important;
        max-width: min(100%, 16rem);
        margin-bottom: 0.75rem;
    }
}

/* Sidebar: keičiamos tik spalvos, ne matmenys ar išdėstymas. */
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav {
    background-color: var(--fad-navy) !important;
    border-color: var(--fad-highlight) !important;
}

.fi-sidebar .fi-logo,
.fi-sidebar-group-label,
.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: var(--fad-line) !important;
}

.fi-sidebar-item-btn:hover {
    background-color: var(--fad-highlight) !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--fad-blue) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--fad-white) !important;
}

/* Užpildyti primary mygtukai: Filament semantika ir FAD būsenos. */
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined) {
    --bg: var(--fad-blue) !important;
    --text: var(--fad-white) !important;
    --hover-bg: var(--fad-highlight) !important;
    --hover-text: var(--fad-white) !important;
    --dark-bg: var(--fad-blue) !important;
    --dark-text: var(--fad-white) !important;
    --dark-hover-bg: var(--fad-highlight) !important;
    --dark-hover-text: var(--fad-white) !important;
    background-color: var(--fad-blue) !important;
    color: var(--fad-white) !important;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined) > .fi-icon {
    color: var(--fad-white) !important;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-disabled):not([disabled]):hover {
    background-color: var(--fad-highlight) !important;
    color: var(--fad-white) !important;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-disabled):not([disabled]):active {
    background-color: var(--fad-navy) !important;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px var(--fad-focus) !important;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined).fi-disabled:not(.fi-force-enabled),
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined)[disabled]:not(.fi-force-enabled) {
    background-color: var(--fad-disabled) !important;
    color: var(--fad-white) !important;
    opacity: 1 !important;
}

/* Success, danger, warning ir neutral komponentų spalvų neperrašome. */