:root {
    /* 1. Общие цвета и настройки */
    --primary-active: #6a3797;
    --primary-10: #f4eef9;
    --primary-color: #874EB8;
    --secondary-color: #e3e4ec;
    --accent-color: #E8E7EE;
    --transition-speed: 0.3s;
    --transition-speed-gradient: 0.5s;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --btn-padding: 0.625rem 1.25rem;
    --secondary-color-ccc-doc: #F8F9FA;
    --primary-hover: #6A3E8F;
    --doc-border: #D8D8E7;
    --primary-color-hover: #69418e;
    --wite: #fff;

    /* 2. Цвета статусов */
    --color-status-active-bg: #e3f5ec;
    --color-status-active-text: #0a6b3a;
    --color-status-scheduled-bg: #e8f0fe;
    --color-status-scheduled-text: #1a5fb4;
    --color-status-completed-bg: #f0f0f0;
    --color-status-completed-text: #555555;
    --color-status-default-bg: #f8d7da;
    --color-status-default-text: #721c24;
    --status-active: #28A745;
    --status-pending: #FFC107;
    --status-archived: #DC3545;

    /* 3. Цвета кнопок */
    --color-btn-purple: #a59bda;
    --color-btn-purple-hover: #8c82ca;
    --color-btn-outline-hover-bg: #f5f5f5;

    /* 4. Шрифты */
    --font-color: #E8E7EE;
    --text-dark: #313137;
    --text-light: #6C757D;
    --font-family: 'Inter', sans-serif;
    --font-weight-medium: 500;  /* Новое: средний */
    --font-weight-semibold: 600; /* SemiBold */
    --font-weight-bold: 700;     /* Bold */

    /* 5. Размеры шрифтов и межстрочные интервалы */
    --font-size-xs: 0.75rem;
    --font-size-xm: 0.8rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-xxl: 1.5rem;
    --font-size-xxxl: 2.2rem;
    --line-height-base: 1.5;

    /* 6. Отступы (spacing) */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* 7. Скругления (border-radius) */
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;

    /* 8. Границы */
    --border-width: 1px;
    --border-color: #e0e0e0;
    --border-color-calculation-block-focus: #6c2cff;

    /* 9. Градиент */
    --primary-gradient: linear-gradient(135deg, #945AC6, #74519E);
    --cancel-gradient: linear-gradient(135deg, #6c757d, #5a6268);

    /* 10. Точки перелома (breakpoints) */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    /* 11. Порядок слоев (z-index) */
    --z-index-btn: 900;
    --z-index-dropdown: 1000;
    --z-index-modal: 1050;

    --hierarchy-color-1: rgba(135, 78, 184, 0.15);
    --hierarchy-color-2: rgba(135, 78, 184, 0.08);

    /* Главная страница квадрат */
    --card-my-requests: #313137;
    --card-my-requests-hover: rgba(49, 49, 55, 0.97);

    /* Login */
    --primary-hover-login: #945AC6;
    --surface: #FEFFFF;
    --background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    --text-primary: #37343D;
    --font-size-login: 1.75rem;

    --pagination-hover-bg: rgba(135, 78, 184, 0.1);
    --pagination-text: #874EB8;

    /* client_transfer_detail и для остальных*/
    --all-bg: #eceef1;
    --ctd-card-bg: #ffffff;
    --ctd-text: #1f2937;
    --ctd-muted: #6b7280;
    --ctd-border: #e5e7eb;
    --ctd-accent: #74519e;
    --ctd-accent-strong: #593c7a;
    --ctd-success: #10b981;
    --ctd-radius: 12px;
    --ctd-shadow: 0 6px 20px rgba(0,0,0,.06);
    --ctd-spacing: 16px;
    --ctd-spacing-lg: 24px;
    --ctd-maxw: 1080px;
    --ctd-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* Фон страницы с учётом светлой/тёмной темы */
/*@media (prefers-color-scheme: dark) {*/
/*    :root {*/
/*        --all-bg: #0f1115;*/
/*        --ctd-card-bg: #161a20;*/
/*        --ctd-text: #e5e7eb;*/
/*        --ctd-muted: #9aa3af;*/
/*        --ctd-border: #222832;*/
/*        --ctd-shadow: 0 6px 20px rgba(0,0,0,.4);*/
/*    }*/
/*}*/