:root {
    --color-header: #edf2ea;
    --color-header-text: #1c2a24;
    --color-nav-active-hover: #2f7a5f;
    --color-burger-line: #1c2a24;
    --color-mobile-nav: #e8efe9;
    --color-mobile-nav-text: #1c2a24;
    --color-body: #dfe9e1;
    --color-body-text: #203029;
    --color-surface: #f8fcf7;
    --color-border: #b8cbbf;
    --color-footer: #c7d7ca;
    --color-footer-text: #23322b;
    --color-nav-auth-group-background: rgba(47, 122, 95, 0.1);
    --nav-border-auth-group: 1px solid rgba(44, 92, 74, 0.22);
    --box-shadow: 0 1.4rem 3.4rem rgba(29, 59, 46, 0.12);

    --color-overlay-backdrop: rgba(17, 32, 26, 0.56);
    --color-modal-close-bg: rgba(95, 121, 109, 0.22);
    --color-input-border-strong: rgba(77, 113, 96, 0.42);
    --color-button-primary-text: #f7fffb;
    --color-request-waiting-bg: #d8e4db;
    --color-request-waiting-text: #22312a;
    --color-request-waiting-border: rgba(76, 108, 92, 0.36);
    --color-request-waiting-input-bg: rgba(252, 255, 253, 0.86);
    --color-request-waiting-input-border: rgba(76, 108, 92, 0.48);
    --color-request-waiting-submit-bg: #3f7f63;
    --color-request-waiting-submit-text: #f4fff8;
    --color-button-secondary-border: rgba(77, 113, 96, 0.38);
    --color-button-secondary-active-bg: rgba(47, 122, 95, 0.14);
    --color-button-primary-active-ring: rgba(47, 122, 95, 0.3);
    --color-danger: #b44a3f;

    --color-theme-toggle-bg: rgba(77, 113, 96, 0.16);
    --color-theme-toggle-hover-bg: rgba(47, 122, 95, 0.18);
    --color-about-figure-border: rgba(77, 113, 96, 0.24);
    --color-about-figure-shadow: 0 1.4rem 2.8rem rgba(29, 59, 46, 0.14);
    --color-about-figure-dark-overlay-bottom: rgba(18, 36, 28, 0.86);
    --color-about-figure-dark-overlay-side: rgba(18, 36, 28, 0.22);
    --color-tag-bg: rgba(47, 122, 95, 0.12);
    --color-input-shadow: 0 0 0 2px rgba(47, 122, 95, 0.14);
    --color-input-focus-shadow: 0 0 0 4px rgba(47, 122, 95, 0.2);
    --color-category-button-shadow: 0 0 0 2px rgba(47, 122, 95, 0.14);
    --color-category-button-focus-shadow: 0 0 0 4px rgba(47, 122, 95, 0.18);
    --color-category-active-bg: rgba(47, 122, 95, 0.14);
    --color-category-active-shadow: 0 0 0 2px rgba(47, 122, 95, 0.3);
    --color-category-count-bg: rgba(95, 121, 109, 0.2);
    --color-status-error: #b44a3f;
    --color-muted-border: rgba(77, 113, 96, 0.4);
    --color-muted-ring: 0 0 0 2px rgba(77, 113, 96, 0.16);
    --color-lock-bg: rgba(87, 41, 41, 0.92);
    --color-lock-text: #ffd9d4;
    --color-lock-pending-border: rgba(191, 136, 64, 0.72);
    --color-lock-pending-bg: rgba(128, 84, 34, 0.92);
    --color-lock-pending-text: #ffebd9;
    --color-card-shadow: 0 0 0 2px rgba(47, 122, 95, 0.1);
    --color-media-empty-overlay: rgba(95, 121, 109, 0.12);
    --color-admin-tab-active-bg: rgba(47, 122, 95, 0.14);
    --color-danger-border: rgba(180, 74, 63, 0.7);
    --color-danger-bg: rgba(180, 74, 63, 0.12);
    --color-danger-text: #983f36;
    --color-danger-bg-hover: rgba(180, 74, 63, 0.2);
    --color-table-head-bg: rgba(95, 121, 109, 0.12);
    --color-spinner-track: rgba(95, 121, 109, 0.28);
}

:root[data-theme="dark"] {
    --color-header: #111b16;
    --color-header-text: #e4f0e7;
    --color-nav-active-hover: #64c29a;
    --color-burger-line: #e4f0e7;
    --color-mobile-nav: #0f1814;
    --color-mobile-nav-text: #ecf6ef;
    --color-body: #0c1310;
    --color-body-text: #ecf6ef;
    --color-surface: #141d18;
    --color-border: #31443a;
    --color-footer: #101713;
    --color-footer-text: #e4f0e7;
    --color-nav-auth-group-background: rgba(100, 194, 154, 0.1);
    --nav-border-auth-group: 1px solid rgba(176, 212, 192, 0.18);
    --box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.34);

    --color-overlay-backdrop: rgba(0, 0, 0, 0.64);
    --color-modal-close-bg: rgba(176, 212, 192, 0.14);
    --color-input-border-strong: rgba(176, 212, 192, 0.3);
    --color-button-primary-text: #f5fffa;
    --color-request-waiting-bg: #25342d;
    --color-request-waiting-text: #ddeee2;
    --color-request-waiting-border: rgba(176, 212, 192, 0.28);
    --color-request-waiting-input-bg: rgba(19, 30, 24, 0.48);
    --color-request-waiting-input-border: rgba(176, 212, 192, 0.34);
    --color-request-waiting-submit-bg: #3d8f6d;
    --color-request-waiting-submit-text: #f4fff8;
    --color-button-secondary-border: rgba(176, 212, 192, 0.24);
    --color-button-secondary-active-bg: rgba(100, 194, 154, 0.14);
    --color-button-primary-active-ring: rgba(100, 194, 154, 0.26);
    --color-danger: #ff8c81;

    --color-theme-toggle-bg: rgba(176, 212, 192, 0.1);
    --color-theme-toggle-hover-bg: rgba(100, 194, 154, 0.18);
    --color-about-figure-border: rgba(176, 212, 192, 0.18);
    --color-about-figure-shadow: 0 1.4rem 2.8rem rgba(0, 0, 0, 0.28);
    --color-about-figure-dark-overlay-bottom: rgba(0, 0, 0, 0.76);
    --color-about-figure-dark-overlay-side: rgba(0, 0, 0, 0.2);
    --color-tag-bg: rgba(100, 194, 154, 0.14);
    --color-input-shadow: 0 0 0 2px rgba(100, 194, 154, 0.14);
    --color-input-focus-shadow: 0 0 0 4px rgba(100, 194, 154, 0.2);
    --color-category-button-shadow: 0 0 0 2px rgba(100, 194, 154, 0.14);
    --color-category-button-focus-shadow: 0 0 0 4px rgba(100, 194, 154, 0.18);
    --color-category-active-bg: rgba(100, 194, 154, 0.16);
    --color-category-active-shadow: 0 0 0 2px rgba(100, 194, 154, 0.28);
    --color-category-count-bg: rgba(176, 212, 192, 0.18);
    --color-status-error: #ff8c81;
    --color-muted-border: rgba(176, 212, 192, 0.24);
    --color-muted-ring: 0 0 0 2px rgba(176, 212, 192, 0.12);
    --color-lock-bg: rgba(127, 29, 29, 0.9);
    --color-lock-text: #fecaca;
    --color-lock-pending-border: rgba(245, 158, 11, 0.7);
    --color-lock-pending-bg: rgba(154, 52, 18, 0.92);
    --color-lock-pending-text: #ffedd5;
    --color-card-shadow: 0 0 0 2px rgba(100, 194, 154, 0.1);
    --color-media-empty-overlay: rgba(176, 212, 192, 0.12);
    --color-admin-tab-active-bg: rgba(100, 194, 154, 0.14);
    --color-danger-border: rgba(255, 140, 129, 0.7);
    --color-danger-bg: rgba(255, 140, 129, 0.12);
    --color-danger-text: #ffd4cf;
    --color-danger-bg-hover: rgba(255, 140, 129, 0.2);
    --color-table-head-bg: rgba(176, 212, 192, 0.1);
    --color-spinner-track: rgba(176, 212, 192, 0.24);
}