:root {
    --dxbl-accent-color-10: #eaf0f1;
    --dxbl-accent-color-20: #d5e0e3;
    --dxbl-accent-color-30: #c0d2d6;
    --dxbl-accent-color-40: #a9c3ca;
    --dxbl-accent-color-50: #92b5be;
    --dxbl-accent-color-60: #7ca6b1;
    --dxbl-accent-color-70: #6599a5;
    --dxbl-accent-color-80: #4e8b99;
    --dxbl-accent-color-90: #015f6f;
    --dxbl-accent-color-100: #005361;
    --dxbl-accent-color-110: #004754;
    --dxbl-accent-color-120: #003c47;
    --dxbl-accent-color-130: #00313a;
    --dxbl-accent-color-140: #00262e;
    --dxbl-accent-color-150: #001c22;
    --dxbl-accent-color-160: #001217;
    --dxbl-accent-color-170: #00090d;
}

:root {
    --dxds-neutral-10: #ffffff;
    --dxds-neutral-20: #f4f4f4;
    --dxds-neutral-30: #e9e9e9;
    --dxds-neutral-40: #dedede;
    --dxds-neutral-50: #d3d3d3;
    --dxds-neutral-60: #c8c8c8;
    --dxds-neutral-70: #bebebe;
    --dxds-neutral-80: #b3b3b3;
    --dxds-neutral-90: #a9a9a9;
    --dxds-neutral-100: #9e9e9f;
    --dxds-neutral-110: #949495;
    --dxds-neutral-120: #8a8b8b;
    --dxds-neutral-130: #808182;
    --dxds-neutral-140: #767878;
    --dxds-neutral-150: #6c6f6f;
    --dxds-neutral-160: #626667;
    --dxds-neutral-170: #595d5e;
    --dxds-neutral-180: #4f5556;
    --dxds-neutral-190: #464d4f;
    --dxds-neutral-200: #3d4548;
    --dxds-neutral-210: #333e40;
    --dxds-neutral-220: #2b373a;
    --dxds-neutral-230: #213034;
    --dxds-neutral-240: #182a2e;
    --dxds-neutral-250: #0e2429;

    --dxds-secondary-10: #ffffff;
    --dxds-secondary-20: #f7f7f7;
    --dxds-secondary-30: #eeeeee;
    --dxds-secondary-40: #e6e6e6;
    --dxds-secondary-50: #dedede;
    --dxds-secondary-60: #d6d6d6;
    --dxds-secondary-70: #cecece;
    --dxds-secondary-80: #c5c5c5;
    --dxds-secondary-90: #bebebe;
    --dxds-secondary-100: #a6a6a6;
    --dxds-secondary-110: #8f9090;
    --dxds-secondary-120: #797a7b;
    --dxds-secondary-130: #626667;
    --dxds-secondary-140: #4d5354;
    --dxds-secondary-150: #384144;
    --dxds-secondary-160: #243236;
    --dxds-secondary-170: #0e2429;
}

:root {
    --dm-topbar-bg: #00333b;
    --dm-topbar-fg: #ffffff;
    --dm-topbar-fg-muted: #b9c6c8;
    --dm-topbar-hover: rgba(255, 255, 255, 0.14);

    --dm-side-bg: #f2f5f6;
    --dm-border: rgba(0, 51, 59, 0.14);
    --dm-fg: #12292e;
    --dm-fg-muted: #4c6469;
    --dm-hover: rgba(0, 51, 59, 0.06);
    --dm-active-bg: rgba(1, 95, 111, 0.10);
    --dm-group-bg: rgba(0, 51, 59, 0.04);
    --dm-popover-bg: #ffffff;
    --dm-surface-raised: #ffffff;
    --dm-shadow: 0 8px 24px rgba(0, 51, 59, 0.16);
    --dm-shadow-right: 10px 6px 22px -10px rgba(0, 51, 59, 0.30);
    --dm-tip-bg: #00333b;
    --dm-tip-fg: #ffffff;
    --dm-accent: #7bc900;
    --dm-accent-icon: #015f6f;
    --dm-accent-text: #015f6f;
    --dm-accent-soft: rgba(1, 95, 111, 0.30);
    --dm-avatar-bg: #cfff79;
    --dm-avatar-fg: #00333b;
}

:root[data-bs-theme="dark"] {
    --dm-topbar-bg: #00262b;
    --dm-topbar-fg: rgba(255, 255, 255, 0.95);
    --dm-topbar-fg-muted: #9fb3b5;
    --dm-topbar-hover: rgba(255, 255, 255, 0.10);

    --dm-side-bg: #002e35;
    --dm-border: rgba(255, 255, 255, 0.12);
    --dm-fg: rgba(255, 255, 255, 0.95);
    --dm-fg-muted: #b4cbc9;
    --dm-hover: rgba(255, 255, 255, 0.08);
    --dm-active-bg: rgba(255, 255, 255, 0.12);
    --dm-group-bg: rgba(255, 255, 255, 0.05);
    --dm-popover-bg: #0d353d;

    --dm-surface-raised: #2e3f43;
    --dm-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    --dm-shadow-right: 10px 6px 22px -8px rgba(0, 0, 0, 0.6);
    --dm-tip-bg: #e4fbff;
    --dm-tip-fg: #00262b;

    --dm-accent: #cfff79;
    --dm-accent-icon: #cfff79;
    --dm-accent-text: #92b5be;
    --dm-accent-soft: rgba(207, 255, 121, 0.28);

    --dm-avatar-bg: #cfff79;
    --dm-avatar-fg: #00333b;
}

:root {
    --bs-primary: #015f6f;
    --bs-primary-rgb: 1, 95, 111;
    
    --bs-tertiary-bg: #f4f6f6;
    --bs-tertiary-bg-rgb: 244, 246, 246;
    --bs-link-color: #015f6f;
    --bs-link-color-rgb: 1, 95, 111;
    --bs-link-hover-color: #004754;
    --bs-border-color: #dbe3e4;
}

:root[data-bs-theme="dark"] {
    --bs-primary: #015f6f;
    --bs-primary-rgb: 1, 95, 111;
    
    --bs-primary-text-emphasis: #92b5be;
    --bs-primary-border-subtle: #4e8b99;
    --bs-link-color: #6599a5;
    --bs-link-color-rgb: 101, 153, 165;
    --bs-link-hover-color: #92b5be;
    
    --bs-body-bg: #213034;
    --bs-body-color: #e9eeef;
    --bs-secondary-bg: #2b373a;
    --bs-tertiary-bg: #39464a;
    
    --bs-body-bg-rgb: 33, 48, 52;
    --bs-secondary-bg-rgb: 43, 55, 58;
    --bs-tertiary-bg-rgb: 57, 70, 74;
    --bs-border-color: #3d4548;
    --bs-light-rgb: 43, 55, 58;
    
    --bs-secondary-rgb: 77, 83, 84;
    --bs-secondary-color: #b4cbc9;
    --bs-emphasis-color: #ffffff;
}

/* Bootstrapová tlačítka mají barvu zapsanou přímo v `--bs-btn-*` ve fluent-*.bs5,
   takže se k nim `--bs-primary` NEDOSTANE a zůstala by modrá. Ověřeno měřením:
   #0f6cbd ve světlém, #3c92e9 v tmavém. Bílá na #015f6f dává 7,3 : 1 v obou režimech. */
.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #015f6f;
    --bs-btn-border-color: #015f6f;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #004754;
    --bs-btn-hover-border-color: #004754;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #003c47;
    --bs-btn-active-border-color: #003c47;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #015f6f;
    --bs-btn-disabled-border-color: #015f6f;
}

:root[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: #92b5be;
    --bs-btn-border-color: #4e8b99;
    --bs-btn-hover-bg: #015f6f;
    --bs-btn-hover-border-color: #4e8b99;
    --bs-btn-hover-color: #ffffff;
}

.dxbl-btn {
    --dxbl-btn-border-radius: var(--dxds-border-radius-full, 62rem);
}

.btn {
    --bs-btn-border-radius: 62rem;
}

.dxbl-btn.dxbl-btn-light {
    background: transparent;
    border-color: transparent;
    color: var(--dm-fg-muted);
}

.dxbl-btn.dxbl-btn-light:hover,
.dxbl-btn.dxbl-btn-light:focus-visible {
    background: var(--dm-hover);
    border-color: transparent;
    color: var(--dm-fg);
}


.card {
    --bs-card-border-radius: 12px;
    --bs-card-inner-border-radius: 11px;
}

:root {
    --bs-info-bg-subtle: #eaf0f1;
    --bs-info-border-subtle: #c0d2d6;
    --bs-info-text-emphasis: #00424e;

    --bs-secondary-bg-subtle: #f4f4f4;
    --bs-secondary-border-subtle: #dedede;
    --bs-secondary-text-emphasis: #3d4548;
}

:root[data-bs-theme="dark"] {
    --bs-info-bg-subtle: #18444d;
    --bs-info-border-subtle: #2a6472;
    --bs-info-text-emphasis: #bfe0e8;

    --bs-secondary-bg-subtle: #39464a;
    --bs-secondary-border-subtle: #4d5354;
    --bs-secondary-text-emphasis: #cfd8d9;
}

:root[data-bs-theme="dark"] .card {
    --bs-card-bg: #2e3f43;
    --bs-card-border-color: #3d4548;
    --bs-card-cap-bg: #39464a;
}

.badge {
    --bs-badge-border-radius: 999px;
    border-radius: 999px;
}

:root {
    --bs-pagination-color: #015f6f;
    --bs-pagination-hover-color: #004754;
    --bs-pagination-focus-color: #004754;
    --bs-pagination-active-bg: #015f6f;
    --bs-pagination-active-border-color: #015f6f;
    --bs-pagination-active-color: #ffffff;
    --bs-pagination-border-radius: 999px;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 95, 111, 0.25);

    --bs-focus-ring-color: rgba(1, 95, 111, 0.30);

    --bs-code-color: #015f6f;
}

:root[data-bs-theme="dark"] {
    --bs-pagination-color: #92b5be;
    --bs-pagination-hover-color: #cfe3e8;
    --bs-pagination-focus-color: #cfe3e8;
    --bs-pagination-active-bg: #015f6f;
    --bs-pagination-active-border-color: #4e8b99;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(101, 153, 165, 0.35);
    --bs-focus-ring-color: rgba(101, 153, 165, 0.40);
    --bs-code-color: #92b5be;
}

.pagination {
    gap: 4px;
}

.pagination .page-link {
    border-radius: 999px;
    min-width: 32px;
    text-align: center;
}

/* ----------------------------------------------------------------------
   Mřížky - záhlaví dostává jemné podbarvení, aby se oddělilo od dat.
   DevExpress má výchozí `surface-transparent-rest`, tedy žádné. Barva musí
   být NEPRŮHLEDNÁ - záhlaví je při rolování přilepené a data by jím
   prosvítala. Oba kroky jsou proti ploše mřížky ~1,1 : 1, tedy stejně jemné
   ve světlém i tmavém režimu.
   ---------------------------------------------------------------------- */

:root .dxbl-grid {
    --dxbl-grid-header-bg: #eff3f4;
}

:root[data-bs-theme="dark"] .dxbl-grid {
    --dxbl-grid-header-bg: #2b373a;
}

.dm-topbar__logo {
    content: url('images/logos/logo-dimenso-full-onbrand.svg');
    filter: none;
}

.dm-auth__logo {
    content: url('images/logos/logo-dimenso-full-ink.svg');
    filter: none;
}

:root[data-bs-theme="dark"] .dm-auth__logo {
    content: url('images/logos/logo-dimenso-full-onbrand.svg');
}

.dm-side__mark {
    content: url('images/logos/logo-dimenso-mark-ink.svg');
    filter: none;
}

:root[data-bs-theme="dark"] .dm-side__mark {
    content: url('images/logos/logo-dimenso-mark-onbrand.svg');
    filter: none;
}