/*
 * Дизайн-токены FlowCRM.
 * Этап 14: значения — из эталонного прототипа (docs/design/tokens.css).
 * Шрифт Inter подключается через Google Fonts <link> в layouts/app.blade.php
 * и layouts/guest.blade.php (и в четырёх страницах ошибок) — не здесь.
 */
:root {
    --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --ink: #202232;
    --ink-soft: #555a70;
    --ink-faint: #7d8192;
    --canvas: #f6f7fb;
    --surface: #ffffff;
    --surface-subtle: #fbfbfe;
    --surface-tint: #f0f1fb;
    --line: #e6e7ef;
    --line-strong: #d5d7e2;
    --accent: #5757c9;
    --accent-strong: #4545aa;
    --accent-soft: #ececff;
    --accent-faint: #f5f5ff;
    --success: #287a5b;
    --success-soft: #e8f5ef;
    --warning: #a86717;
    --warning-soft: #fff5dd;
    --danger: #c44f5c;
    --danger-soft: #fff0f1;
    --blue: #3d73b9;
    --blue-soft: #edf5ff;

    --shadow-sm: 0 1px 2px rgba(28, 31, 52, .03), 0 4px 14px rgba(28, 31, 52, .04);
    --shadow-md: 0 10px 28px rgba(39, 41, 81, .11), 0 2px 5px rgba(39, 41, 81, .04);
    --shadow-float: 0 18px 45px rgba(36, 38, 74, .16), 0 4px 10px rgba(36, 38, 74, .08);

    --r-xs: 6px;
    --r-sm: 9px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;

    --ease: cubic-bezier(.2, .8, .2, 1);
    --fast: 150ms;
    --normal: 220ms;

    --page-pad: clamp(18px, 3vw, 42px);
    --sidebar-w: 240px;
    --topbar-h: 72px;

    --z-sidebar: 30;
    --z-topbar: 20;
    --z-dropdown: 80;
    --z-panel-backdrop: 90;
    --z-panel: 91;
    --z-modal: 100;
    --z-toast: 120;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--canvas);
    font-family: var(--font-sans);
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
::selection { color: var(--accent-strong); background: #dcddff; }
[x-cloak] { display: none !important; }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}