/*
 * Типографика в стиле Lenza (lenzaos.com)
 * Шрифт Manrope — современный геометрический sans-serif, отличная читаемость кириллицы
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');

:root {
    --sidebar-width-expanded: 320px;
    --sidebar-width-collapsed: 72px;
    --sidebar-width: var(--sidebar-width-expanded);
    --layout-gutter: 54px;
    --font-primary: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    /* Масштаб типографики */
    --text-xs: 11px;
    --text-sm: 13px;
    --text-base: 15px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 28px;
    --text-4xl: 32px;
    --text-5xl: 38px;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
    /* Вход / регистрация: линейный градиент + лёгкие радиальные блики (углы и центр) */
    --auth-page-background:
        radial-gradient(ellipse 90% 60% at 94% 6%, rgba(255, 255, 255, 0.24) 0%, transparent 52%),
        radial-gradient(ellipse 75% 55% at 4% 88%, rgba(0, 40, 110, 0.42) 0%, transparent 50%),
        radial-gradient(ellipse 55% 45% at 50% 42%, rgba(160, 210, 255, 0.2) 0%, transparent 58%),
        linear-gradient(195.99deg, #52A0FF 11.14%, #0068E8 91.56%);
}

html.sidebar-is-collapsed {
    --sidebar-width: var(--sidebar-width-collapsed);
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-primary);
    font-feature-settings: "kern" 1, "liga" 1;
    letter-spacing: var(--tracking-tight);
}

/* Ошибки полей в формах входа / регистрации (auth.js) */
.auth-form-field-error {
    color: #DC2626;
    font-size: 13px;
    margin-top: 6px;
    line-height: 1.35;
}

.form-input.error,
select.form-input.error {
    border-color: #EF4444 !important;
    background-color: #FEF2F2 !important;
}