:root {
    --color-canvas: #fff;
    --color-text: #2c3034;
    --color-heading: #3f3f3f;
    --color-selection-text: white;
    --color-selection-background: #009aff;
    /* Header */
    --color-header-background: #050505;
    --color-header-text: white;
    /* Toolbar */
    --color-toolbar: #f6f6f6;
    --color-toolbar-rgb: 246, 246, 246;
    --color-toolbar-hover: #eee;
    --color-toolbar-border: silver;
    --color-toolbar-menu-heading: gray;
    /* Input */
    --color-input-background: white;
    --color-input-text: black;
    --color-input-border: silver;
    --color-placeholder-text: silver;
    --color-input-focus-border: rgb(82 168 236 / 75%);
    --color-input-focus-shadow: rgb(82 168 236 / 50%);
    --checkbox-checkmark-icon: url(https://cache.admin.digitalphotogallery.com/assets/forms/check_mark_black-a87b3261.svg);
    --select-icon-default: url(https://cache.admin.digitalphotogallery.com/assets/forms/input_select_icon_black-a6f5c4de.svg);
    --select-icon-inverse: url(https://cache.admin.digitalphotogallery.com/assets/forms/input_select_icon_white-f232248e.png);
    --select-icon-muted: url(https://cache.admin.digitalphotogallery.com/assets/forms/input_select_icon_9b9b9b-d35fb320.png);
    --tree-select-line: url(https://cache.admin.digitalphotogallery.com/assets/tree_select/tree_select_line-2bc97ff4.svg);
    --tree-select-ocl-open: url(https://cache.admin.digitalphotogallery.com/assets/tree_select/tree_select_ocl_open-0e145f46.svg);
    --tree-select-ocl-closed: url(https://cache.admin.digitalphotogallery.com/assets/tree_select/tree_select_ocl_closed-4277ede8.svg);
    --tree-select-ocl-leaf: url(https://cache.admin.digitalphotogallery.com/assets/tree_select/tree_select_ocl_leaf-8207e3a6.svg);
    --color-inactive-pattern-one: #eef0f0;
    --color-inactive-pattern-two: #d3d4d6;
    --color-instructions-background: #dee4ea;
    --color-instructions-text: #9b9b9b;
    --color-neutral: #009aff;
    --color-neutral-state-one: #0065b2;
    --color-positive: #bedf51;
    --color-positive-state-one: #8eb51c;
    --color-negative: #e10000;
    --color-negative-state-one: #bf050e;
    --color-button-background: #fff;
    --color-button-hover: #f2f2f2;
    --color-button-text: #fff;
    --color-button-flat-text: rgb(0 0 0 / 87%);
    --color-text-inverse: #fff;
    --color-text-muted: #9b9b9b;
    --color-text-subtle: #858585;
    --color-text-faint: #999;
    --color-text-disabled: #bfbfbf;
    --color-text-inactive: silver;
    --color-surface-muted: #f2f2f2;
    --color-surface-soft: #eee;
    --color-surface-code: #e9e8e8;
    --color-surface-neutral-strong: #777;
    --color-border-dark: #3a3a3a;
    --color-border-subtle: #dedede;
    --color-border-light: #cfcfcf;
    --color-border-faint: #eee;
    --color-border-dotted: gray;
    --color-table-sort-border: #000;
    --color-shadow-muted: #999;
    /* Autocomplete */
    --color-autocomplete-background: var(--color-card-background);
    --color-autocomplete-border: #ccc;
    --color-autocomplete-item-selected-background: #e0e0e0;
    --shadow-autocomplete-dropdown: 0 2px 8px rgb(0 0 0 / 15%);
    --color-accent-strong: #2196f3;
    --color-accent-bright: #00a1ff;
    --color-danger-accent: #f44336;
    --color-link-muted: #2276bb;
    --color-link-strong: #225898;
    --color-ribbon-border: #2980b9;
    --color-facebook-hover: #eff2f7;
    --color-border-neutral: #666;
    --color-attention: #ffae00;
    --color-image-background: white;
    --color-image-border: #eee;
    --color-video-embed-background: black;
    --color-card-background: white;
    --color-card-banner-text: black;
    --color-card-title-text: white;
    --color-card-link-text: white;
    /* Card Regular */
    --color-card-regular-border: #009aff;
    --color-card-regular-background: #009aff;
    --filter-card-regular-icon: none;
    --color-card-regular-text: white;
    --color-card-regular-border-hover: black;
    --color-card-regular-background-hover: white;
    --filter-card-regular-icon-hover: none;
    --color-card-regular-text-hover: black;
    /* Card Small */
    --color-card-small-text: white;
    --color-card-small-background: silver;
    --color-card-small-border: silver;
    --color-card-small-hover-text: black;
    --color-card-small-hover-background: white;
    --color-card-small-hover-border: black;
    /* Floating boxes */
    --color-floating-box-background: rgba(14, 14, 14, 0.98);
    --color-floating-box-border: rgba(255, 255, 255, 0.7);
    --color-floating-box-heading: #ffffff;
    --color-floating-box-text: #f2f2f2;
    --color-floating-box-text-muted: #d0d0d0;
    --color-floating-box-link: #e6e6e6;
    --color-floating-box-link-hover: #ffffff;
    --color-floating-box-spinner: #ffffff;
    --color-floating-box-row-hover-bg: rgb(51 51 51 / 85%);
    --color-floating-box-select-text: var(--color-floating-box-heading);
    --floating-box-select-icon: url(https://cache.admin.digitalphotogallery.com/assets/forms/input_select_icon_white-f232248e.png);
    /* Panels */
    --color-panels-header-text-open: #009aff;
    --color-panels-header-text-closed: silver;
    --color-panels-header-text-hover: silver;
    --color-panels-subheading: gray;
    --color-panels-link: gray;
    /* Tabs */
    --color-tabs-primary-text-inactive: silver;
    --color-tabs-primary-text-active: black;
    --color-tabs-secondary-text-inactive: silver;
    --color-tabs-secondary-text-active: black;
    --color-tabs-scroll-arrow: silver;
    --color-nav-background: #1e1e1e;
    --color-nav-surface: #2e2f2f;
    --color-nav-text: #868686;
    --color-nav-text-hover: white;
    --color-nav-surface-overlay: rgb(46 47 47 / 95%);
    /* Processing */
    --color-processing-screen-background: rgba(255, 255, 255, .9);
    --color-processing-screen-text: black;
    --color-processing-progress-track: rgb(0 0 0 / 10%);
    --color-processing-progress-value: #000000;
    /* Dialogs */
    --color-dialog-backdrop: rgb(170, 170, 170, .3);
    --color-dialog-toolbar-background: black;
    --color-dialog-toolbar-text: white;
    --color-dialog-toolbar-text-hover: #C0C0C0;
    --color-dialog-background: #f6f6f6;
    --color-dialog-border: black;
    --color-dialog-advanced-options-text: #cfcfcf;
    /* Notifications / alerts */
    --color-configuration-warning-text: white;
    --color-configuration-warning-bg: orange;
    --color-status-bar-text: white;
    --color-status-bar-bg: gray;
    --color-transactions-text: white;
    --color-transactions-bg: rgb(51 51 51 / 85%);
    --color-transactions-progress-track: white;
    --color-alert-text: white;
    --color-alert-bg: rgb(0 0 0 / 85%);
    --color-warning-text: #ae0000;
    --color-warning-bg: #fff2ca;
    --color-warning-soft-text: #8a1f11;
    --color-warning-soft-bg: #fccd67;
    --color-error-soft-border: #fbc2c4;
    --color-error-soft-bg: #fbe3e4;
    --color-info-subtle-bg: #fffee0;
    --color-upload-file-error-text: white;
    --color-upload-file-error-bg: silver;
    --color-upload-file-error-border: gray;
    --color-browser-warning-text: white;
    --color-browser-warning-link: var(--color-browser-warning-text);
    /* Diff */
    --color-diff-add-bg: #dfd;
    --color-diff-add-strong-bg: #9f9;
    --color-diff-add-text: #080;
    --color-diff-del-bg: #fee;
    --color-diff-del-strong-bg: #fcc;
    --color-diff-del-text: #b00;
    --color-diff-hover-bg: #ffc;
    --color-code-errors-divider: rgb(255 255 255 / 20%);
    --color-override-value-previous-bg: red;
    --color-override-value-new-bg: green;
    --color-diff-block-info-bg: gray;
    /* Misc */
    --color-toast-background: #333;
    --color-toast-text: white;
    --color-panel-muted-bg: #ebeded;
    --color-spinner-border: rgb(155 155 155 / 90%);
    /* Images */
    --color-images-icon-view-row-hover-text: white;
    --color-images-detail-row-border: black;
    --color-images-detail-set-text: white;
    --color-images-detail-set-bg: silver;
    --color-images-select-checkbox-bg: rgb(192 192 192 / 50%);
    --color-images-select-checkbox-border: white;
    --color-sortable-position-badge-text: #ffffff;
    --color-sortable-position-badge-bg: rgb(0 0 0 / 75%);
    --color-crop-tool-selection-border: var(--color-text-inverse);
    --color-crop-tool-handle-bg: rgb(242 242 242);
    --color-crop-tool-handle-border: rgb(128 128 128);
    /* Website Design */
    --color-selection-area-bg: rgb(0 0 255 / 10%);
    --color-selection-area-border: rgb(0 0 255 / 20%);
    --color-website-design-data-attribute-state-bg: #e5e3e3;
    --color-website-design-colour-scheme-badge-text: white;
    --color-website-design-colour-scheme-badge-bg: black;
    --color-website-design-preview-bg: gray;
    --color-transparency-checkerboard-one: #eeeeee;
    --color-transparency-checkerboard-two: white;
    /* Libraries */
    --color-rich-text-border: #d6d6d6;
    --color-rich-text-toolbar-bg: #f7f7f7;
    --color-rich-text-toolbar-control-border: #d0d0d0;
    --color-rich-text-toolbar-control-active-bg: #e9eefc;
    --color-rich-text-toolbar-control-active-border: #8ea2d9;
    --color-rich-text-toolbar-button-active-bg: rgb(0 0 0 / 5%);
    --color-rich-text-blockquote-text: #666666;
    --color-rich-text-blockquote-border: #d5d5d5;
    --color-rich-text-hr: #dddddd;
    --color-rich-text-link: #0077cc;
    --color-iconpicker-selected-bg: #f5f5f5;
    --color-iconpicker-launch-hover-text: #666666;
}

