/*
 * Eksempel på kundespesifikk profilering.
 *
 * Site.layout.css leverer layout og responsiv oppførsel. Det aktive temaet
 * leverer visuell identitet og komponentfarger.
 * Denne filen lastes etter temaet og overstyrer bare kundens visuelle profil.
 * Unngå globale regler for html, body, .btn, gridbredder og DevExpress-posisjonering.
 */

.portal-theme-enterprise {
    /* Kundens fargepalett. */
    --portal-navy-950: #173c3a;
    --portal-navy-800: #24514d;
    --portal-blue-700: #087f6b;
    --portal-blue-600: #0a967e;
    --portal-blue-100: #e4f5f1;
    --portal-accent: #0a967e;

    /* Bootstrap bruker disse til blant annet knapper, fokusmarkering og lenker. */
    --bs-primary: var(--portal-blue-700);
    --bs-primary-rgb: 8, 127, 107;

    /* Bruk webfonter bare når fontfil og lisens er tilgjengelig. */
    --bs-body-font-family: "Aptos", "Segoe UI", Arial, sans-serif;
    --portal-heading-font-family: var(--bs-body-font-family);

    --portal-link-hover: #065e50;
    --portal-link-decoration: rgba(8, 127, 107, 0.42);
    --portal-link-hover-bg: rgba(228, 245, 241, 0.72);
    --portal-header-active-indicator: #39c3aa;
    --portal-light-header-hover-bg: #edf8f5;
    --portal-light-header-separator: #c7dcd7;
    --portal-caption-text: #24514d;
    --portal-strong-accent-text: #174f49;
    --portal-accent-text-strong: #065e50;
    --portal-accent-soft: #e4f5f1;
    --portal-primary-hover: #065e50;
    --portal-selection-bg: #d9eee9;
    --portal-form-header-bg: #e7f4f1;
    --portal-form-header-border: #b8d7d0;
    --portal-secondary-action: #2f625d;
    --portal-secondary-action-hover: #204c48;
    --portal-grid-hover-bg: #e4f3ef;
    --portal-grid-header-bg: #cfe5df;
    --portal-grid-header-border: #b9d5ce;
    --portal-grid-header-border-strong: #93bdb3;
    --portal-grid-header-link: #076c5d;
    --portal-grid-sort-text: #356c64;
    --portal-command-hover-text: #065e50;
    --portal-command-hover-bg: #dcefe9;
    --portal-pager-hover-bg: #e5f4f0;
    --portal-pager-hover-border: #91bdb3;
    --portal-toolbar-hover-bg: #e4f3ef;
    --portal-toolbar-hover-border: #b6d3cc;
    --portal-tag-border: #a7cec5;
}

html[data-portal-color-mode="dark"] .portal-theme-enterprise {
    --portal-blue-700: #75d8c2;
    --portal-blue-600: #51c5ad;
    --portal-blue-100: #203d38;
    --portal-accent: #49cbb2;
    --portal-focus: rgba(73, 203, 178, 0.36);
    --bs-primary: #168873;
    --bs-primary-rgb: 22, 136, 115;

    --portal-dark-link: #82ddc9;
    --portal-dark-link-hover: #b5eee1;
    --portal-dark-link-decoration: rgba(130, 221, 201, 0.46);
    --portal-dark-interactive-hover-bg: #203d37;
    --portal-dark-selection-bg: #294b43;
    --portal-dark-primary: #147c69;
    --portal-dark-primary-border: #38ad96;
    --portal-dark-primary-border-strong: #38ad96;
    --portal-dark-primary-hover: #0f6858;
    --portal-dark-primary-hover-border: #55c3ab;
    --portal-dark-form-header-text: #dff7f1;
    --portal-dark-form-header-bg: #203a35;
    --portal-dark-grid-header-text: #e0f7f1;
    --portal-dark-grid-header-bg: #294740;
    --portal-dark-grid-header-border: #3f675e;
    --portal-dark-grid-header-border-strong: #5c8a7f;
    --portal-dark-grid-header-link: #dff7f1;
    --portal-dark-grid-sort-text: #aee4d7;
    --portal-dark-tag-border: #4f8578;
    --portal-dark-tag-remove: #b5eee1;
}