/* Дизайн-токены платформы (стиль KotPlatform: светлый SaaS, синий акцент) */

/* Масштаб всего интерфейса через корневой font-size (вся вёрстка в rem).
   Как на цгп.москва: базово 16px, на широких экранах — vw (крупнее),
   на мобильном — clamp. --fs-scale — общий множитель (1.0 исходный, больше — крупнее). */
:root { --fs-scale: 1.1; }
html { font-size: calc(16px * var(--fs-scale)); scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (min-width: 1280px) { html { font-size: calc(clamp(16px, 1.1vw, 20px) * var(--fs-scale)); } }
@media (max-width: 600px)   { html { font-size: calc(clamp(14px, 4.3vw, 18px) * var(--fs-scale)); } }
@media print { html { font-size: 15px; } }

:root {
    /* Цвета */
    --bg: #f6f8fb;
    --card: #ffffff;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-soft: #eff4ff;
    --accent-soft-2: #dbe7ff;
    --text: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-faint: #94a3b8;
    --border: #e2e8f0;
    --border-soft: #eef2f7;

    /* Статусные цвета */
    --success: #16a34a;
    --success-soft: #dcfce7;
    --warning: #d97706;
    --warning-soft: #fef3c7;
    --danger: #dc2626;
    --danger-soft: #fee2e2;
    --info: #0ea5e9;
    --info-soft: #e0f2fe;
    --gray: #94a3b8;
    --gray-soft: #f1f5f9;

    /* Геометрия */
    --radius: 0.875rem;
    --radius-sm: 0.625rem;
    --radius-xs: 0.5rem;
    --shadow: 0 0.0625rem 0.1875rem rgba(15, 23, 42, .06), 0 0.25rem 1rem rgba(15, 23, 42, .06);
    --shadow-lg: 0 0.5rem 1.875rem rgba(15, 23, 42, .12);
    --shadow-pop: 0 0.25rem 1.25rem rgba(15, 23, 42, .14);

    /* Каркас */
    --sidebar-w: 15.75rem;
    --header-h: 4rem;
    --content-max: 92.5rem;

    /* Шрифт */
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Анимации */
    --t-fast: .15s ease;
    --t-med: .25s ease;
}