:root {
    --color-white: #fff;
    --color-black: #000;
    --color-red: red;
    --color-green: green;
    --color-orange: orange;
    --color-yellow: yellow;
    --color-sienna: sienna;
    --color-light-gray: lightgray;
    --color-light-coral: lightcoral;
    --color-dark-goldenrod: darkgoldenrod;
    --color-black-transparent: rgba(0, 0, 0, 0);
    --color-soft-gray: #f2f2f2;
    --color-shadow-black-29: rgba(0, 0, 0, 0.29);
    --color-gray-777: #777;
    --color-border-light: #ddd;
    --color-surface-default: #fefefe;
    --color-gray-555: #555;
    --color-gray-444: #444;
    --color-brand-secondary: #A3C57D;
    --color-auto-6eac62-dark: #71953a;
    --color-mediccare-brand-dark: #333927;
    --color-legacy-danger-soft: #ffebee;
    --color-legacy-danger-dark: #922;
    --color-legacy-danger: #c00;
    --color-legacy-light-blue: #add;
    --color-legacy-magenta: #fc68fc;
    --color-legacy-orange: #e65100;
    --color-warning-soft: #ffe4b5;
    --color-brand-cyan: #33aaff;
    --color-warning: #e89f0c;
    --color-soft-green-f0f7e8: #f0f7e8; /*DENNE*/
    --color-calendar-yellow: #f2e300;
    --color-auto-6d4c41: #6d4c41;
    --color-blue-102a43: #102a43;
    --color-link: #3478c6;
    --color-auto-5bc0de: #5bc0de;
    --color-auto-a97dcb: #a97dcb;
    --color-debug-maroon: #9d1919;
    --color-calendar-skipped: rgb(230, 82, 71);
    --color-shadow-black-08: rgba(0, 0, 0, 0.08);
    --color-shadow-black-12: rgba(0, 0, 0, 0.12);
    --color-black-02: rgba(0, 0, 0, 0.02);
    --color-black-08: rgba(0, 0, 0, 0.08);
    --color-success-12: rgba(46, 125, 50, 0.12);
    --color-success-32: rgba(46, 125, 50, 0.32);
    --color-danger-strong: #c62828;
    --color-danger-title: #8b1e1e;
    --color-text-222: #222222;
    --color-text-3a: #3a3a3a;
    --color-text-505050: #505050;
    --color-note-muted: #61707f;
    --color-info-border: #d9e1e8;
    --color-info-surface: #f4f8fb;
    --color-info-text: #425466;
    --color-info-strong-text: #1f2d3d;
    --color-help-surface: #f4f7fb;
    --color-help-border: #d8e2ef;
    --color-help-text: #23384d;
    --color-success-surface-strong: #dff0d8;
    --color-success-text-strong: #2f6b2f;
    --color-warning-surface-strong: #fce5cd;
    --color-warning-text-strong: #8a4b08;
    --color-neutral-surface-strong: #e6e6e6;
    --color-neutral-text-4a: #4a4a4a;
    --color-week-ok-bg: #49d45d;
    --color-week-ok-text: #0f2a14;
    --color-week-future-bg: #e9eef5;
    --color-week-future-text: #44556a;
    --color-week-empty-bg: #f8f8f8;
    --color-week-empty-text: #999;
    --color-print-black-soft: #111;
    --color-print-gray-444: #444;
    --color-print-border: #cfd8e3;
    --color-medimi-toolbar-border: #d7dce2;
    --color-medimi-toolbar-gradient-start: #f5f8fb;
    --color-medimi-toolbar-gradient-end: #eef3f8;
    --color-medimi-subtitle: #5b6470;
    --color-medimi-stat-label: #61707f;
    --color-medimi-stat-value: #23313f;
    --color-medimi-filter-label: #34404c;
    --color-medimi-table-header-bg: #edf2f7;
    --color-medimi-table-header-text: #243240;
    --color-medimi-table-text: #22303d;
    --color-medimi-table-border: #eef1f5;
    --color-medimi-table-hover: #f9fbfd;
    --color-medimi-error-row-bg: #fff5f3;
    --color-medimi-warning-row-bg: #fffaf0;
    --color-medimi-level-info-bg: #dcedfa;
    --color-medimi-level-info-text: #0f5e93;
    --color-medimi-level-warning-bg: #fff1cf;
    --color-medimi-level-warning-text: #8a6200;
    --color-medimi-level-error-bg: #f9d7d2;
    --color-medimi-level-error-text: #9f2f1f;
    --color-medimi-level-neutral-bg: #e9edf2;
    --color-medimi-level-neutral-text: #4d5a68;
    --color-medimi-status-good: #1a7f49;
    --color-medimi-status-error: #b42318;
    --color-medimi-url-text: #2f4358;
    --color-medimi-meta-text: #6a7581;
    --color-medimi-tooltip-border: #bfc9d4;
    --color-medimi-tooltip-bg: #1f2933;
    --color-medimi-tooltip-text: #f5f7fa;
    --color-medimi-tooltip-label: #c7d2de;
    --color-medimi-tooltip-shadow: rgba(15, 23, 42, 0.18);
    --color-medimi-code-bg: #fbfcfe;
    --color-medimi-code-text: #213140;
    --color-medimi-section-border: #e7ebf0;
    --color-medimi-surface-soft: #f8fafc;
    --color-medimi-corr-border: #7b8794;
    /* App shell */
    --app-shell-bg: var(--color-soft-gray);
    --app-shell-text: var(--color-black);
    --app-surface-bg: var(--color-white);
    --app-surface-text: var(--color-blue-102a43);
    --app-surface-border: var(--color-border-light);
    /* Top navigation */
    --top-nav-bg: #313b25;
    --top-nav-text: var(--color-white);
    --top-nav-link-text: var(--color-surface-default);
    --top-nav-link-hover-bg: var(--color-brand-secondary);
    --top-nav-link-hover-text: var(--color-surface-default);
    --top-nav-link-active-bg: var(--color-auto-6eac62-dark);
    --top-nav-link-active-text: var(--color-surface-default);
    --top-nav-action-bg: var(--color-mediccare-brand-dark);
    --top-nav-action-text: var(--color-surface-default);
    --top-nav-mobile-bg: var(--color-black);
    --top-nav-status-connected: var(--color-brand-secondary);
    --top-nav-status-disconnected: var(--color-legacy-danger);
    --top-nav-citizen-highlight-bg: var(--color-auto-6eac62-dark);
    --top-nav-citizen-highlight-text: var(--color-surface-default);
    --top-nav-citizen-highlight-hover-bg: var(--color-brand-secondary);
    --top-nav-alert-counter-bg: var(--color-sienna);
    --top-nav-alert-counter-text: var(--color-white);
    --top-nav-alert-danger: var(--color-legacy-danger);
    --top-nav-alert-warning: var(--color-warning);
    --top-nav-alert-ok: var(--color-brand-secondary);
    /* Side navigation */
    --side-nav-panel-bg: var(--color-soft-gray);
    --side-nav-panel-border: var(--color-border-light);
    --side-nav-panel-hover-bg: var(--color-soft-gray);
    --side-nav-panel-hover-border: var(--color-gray-777);
    --side-nav-panel-text: var(--color-black);
    --side-nav-link-text: var(--color-black);
    --side-nav-link-hover-text: var(--color-black);
    --side-nav-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-current-text: var(--color-white);
    --side-nav-current-hover-bg: var(--color-auto-6eac62-dark);
    --side-nav-highlight-bg: var(--color-soft-gray);
    --side-nav-highlight-border: var(--color-gray-777);
    --side-nav-highlight-text: var(--color-black);
    --side-nav-main-current-bg: var(--color-brand-secondary);
    --side-nav-main-current-text: var(--color-white);
    --side-nav-main-current-hover-bg: var(--color-auto-6eac62-dark);
    --side-nav-device-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-device-current-text: var(--color-white);
    --side-nav-device-current-hover-bg: var(--color-brand-cyan);
    --side-nav-flexsmart-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-flexsmart-current-text: var(--color-white);
    --side-nav-flexsmart-current-hover-bg: var(--color-auto-6eac62-dark);
    --side-nav-medical-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-medical-current-text: var(--color-white);
    --side-nav-medical-current-hover-bg: var(--color-auto-6eac62-dark);
    --side-nav-medical-supplier-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-medical-supplier-current-text: var(--color-white);
    --side-nav-medical-supplier-current-hover-bg: var(--color-auto-6eac62-dark);
    --side-nav-debug-current-bg: var(--color-auto-6eac62-dark);
    --side-nav-debug-current-text: var(--color-white);
    --side-nav-debug-current-hover-bg: var(--color-auto-6eac62-dark);
    /* Citizen overview layout */
    --overview-page-bg: var(--app-shell-bg);
    --overview-page-text: var(--app-surface-text);
    --overview-lane-heading-text: var(--color-black);
    --overview-lane-heading-border: var(--color-soft-green-f0f7e8);
    --overview-card-bg: var(--app-surface-bg);
    --overview-card-text: var(--app-surface-text);
    --overview-card-border: var(--color-soft-green-f0f7e8);
    --overview-card-shadow: var(--color-shadow-black-29);
    --overview-card-header-bg: var(--color-soft-green-f0f7e8);
    --overview-card-header-border: var(--color-soft-green-f0f7e8);
    --overview-card-header-text: var(--color-black);
    --overview-card-subtitle-text: var(--color-black);
    --overview-help-button-bg: var(--color-white);
    --overview-help-button-border: var(--color-soft-green-f0f7e8);
    --overview-help-button-text: var(--color-blue-102a43);
    --overview-help-button-hover-bg: var(--color-soft-green-f0f7e8);
    --overview-section-text: var(--color-blue-102a43);
    --overview-empty-text: var(--color-black);
    --overview-divider: var(--color-black);
    /* Citizen overview status / markings */
    --overview-status-ok-bg: var(--color-auto-6eac62-dark);
    --overview-status-ok-text: var(--color-black);
    --overview-status-warning-bg: var(--color-brand-secondary);
    --overview-status-warning-text: var(--color-black);
    --overview-status-error-bg: var(--color-legacy-danger-dark);
    --overview-status-error-text: var(--color-white);
    --overview-status-info-bg: var(--color-white);
    --overview-status-info-text: var(--color-black);
    --overview-status-missed-bg: var(--color-legacy-magenta);
    --overview-status-missed-text: var(--color-black);
    --overview-status-critical-bg: var(--color-calendar-yellow);
    --overview-status-critical-text: var(--color-black);
    /* Shared citizen widgets */
    --citizen-toolbar-bg: var(--color-soft-gray);
    --citizen-toolbar-border: var(--color-border-light);
    --citizen-meta-text: var(--color-gray-444);
    --citizen-muted-text: var(--color-gray-777);
    --presence-chip-border: var(--color-gray-777);
    --presence-chip-bg: var(--color-white);
    --presence-chip-text: var(--color-black);
    --presence-chip-neutral-text: var(--color-auto-2b2b2b);
    --presence-chip-recent-border: var(--color-auto-769560);
    --presence-chip-recent-bg: var(--color-brand-secondary);
    --presence-chip-recent-text: var(--color-white);
    --presence-chip-warning-border: var(--color-legacy-orange);
    --presence-chip-warning-bg: var(--color-warning-soft);
    --presence-chip-warning-text: var(--color-black);
    --presence-table-divider: var(--color-soft-gray);
    /* Shared non-area page shells */
    --page-toolbar-bg: var(--color-soft-gray);
    --page-toolbar-border: var(--color-border-light);
    --page-surface-bg: var(--color-white);
    --page-surface-border: var(--color-border-light);
    --page-section-divider: var(--color-soft-gray);
    --page-title-text: var(--color-black);
    --page-label-text: var(--page-title-text);
    --page-subtitle-text: var(--color-gray-444);
    --page-secondary-text: var(--color-gray-555);
    --page-muted-text: var(--color-gray-777);
    --page-accent-surface-bg: var(--color-soft-green-f0f7e8);
    --page-accent-surface-border: var(--color-soft-green-f0f7e8);
    --page-accent-surface-text: var(--color-blue-102a43);
    --page-accent-meta-text: var(--color-link);
    --page-accent-strong-bg: var(--color-link);
    --page-accent-strong-border: var(--color-link);
    --page-table-bg: var(--color-white);
    --page-table-border: var(--color-soft-green-f0f7e8);
    --page-table-header-bg: var(--color-soft-green-f0f7e8);
    --page-table-header-border: var(--color-soft-green-f0f7e8);
    --page-table-row-border: var(--color-soft-green-f0f7e8);
    --page-table-header-dark-bg: var(--color-gray-444);
    --page-table-header-dark-text: var(--color-surface-default);
    --page-table-header-dark-gradient-start: var(--color-gray-444);
    --page-table-header-dark-gradient-end: var(--color-gray-444);
    --page-table-header-dark-gradient-soft-end: var(--color-gray-555);
    --page-row-hover-bg: var(--color-soft-green-f0f7e8);
    --page-success-surface-bg: var(--color-soft-green-f0f7e8);
    --page-success-surface-border: var(--color-brand-secondary);
    --page-success-surface-text: var(--color-auto-6eac62-dark);
    --page-success-subtle-text: var(--color-mediccare-brand-dark);
    --page-success-strong-bg: var(--color-auto-6eac62-dark);
    --page-success-gradient-start: var(--color-brand-secondary);
    --page-success-gradient-end: var(--color-auto-6eac62-dark);
    --page-on-accent-text: var(--color-white);
    --page-neutral-border: var(--color-soft-gray);
    --page-neutral-border-strong: var(--color-gray-777);
    --page-neutral-bg-strong: var(--color-gray-777);
    --page-neutral-shadow: var(--color-gray-777);
    /* Shared callouts */
    --callout-alert-bg: var(--color-legacy-danger-soft);
    --callout-alert-text: var(--page-title-text);
}

label:not(.button):not(.switch-paddle),
.input-group-label {
    color: var(--page-label-text);
}

.callout.alert {
    background-color: var(--callout-alert-bg);
    color: var(--callout-alert-text);
}