/**
 * ND54 Design Tokens — единая база для всего сайта и кабинетов.
 */
:root {
    --nd54-primary: #2279bd;
    --nd54-primary-dark: #1a5a8c;
    --nd54-primary-soft: #eff6ff;
    --nd54-accent-gold: #c9a227;

    --nd54-text: #1e293b;
    --nd54-text-muted: #64748b;
    --nd54-text-soft: #94a3b8;
    --nd54-surface: #ffffff;
    --nd54-surface-muted: #f8fafc;
    --nd54-border: rgba(148, 163, 184, 0.35);

    --nd54-radius-sm: 6px;
    --nd54-radius: 8px;
    --nd54-radius-lg: 12px;
    --nd54-radius-xl: 16px;

    --nd54-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --nd54-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    --nd54-shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.14);

    --nd54-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --nd54-font-display: 'Manrope', 'Inter', system-ui, sans-serif;

    --nd54-z-sticky: 1040;
    --nd54-z-mobile-nav: 1035;
    --nd54-z-dropdown: 1060;
    --nd54-z-modal-backdrop: 1050;
    --nd54-z-modal: 1055;
    --nd54-z-toast: 1070;

    --nd54-space-1: 8px;
    --nd54-space-2: 16px;
    --nd54-space-3: 24px;
    --nd54-transition: 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-bs-theme="dark"] {
    --nd54-text: #f1f5f9;
    --nd54-text-muted: #94a3b8;
    --nd54-surface: #1e293b;
    --nd54-surface-muted: #172033;
    --nd54-border: rgba(100, 116, 139, 0.35);
}

body {
    font-family: var(--nd54-font-body);
    color: var(--nd54-text);
}

.btn-primary {
    background-color: var(--nd54-primary);
    border-color: var(--nd54-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--nd54-primary-dark);
    border-color: var(--nd54-primary-dark);
}