/* Токены LogiRates (ADR-VT-001). :root --lr-* — копия ui-kit/tokens/tokens.css (UI-Kit 2610, 07.11.2026), имена с проектом не пересекаются.
   Подключается в resources/views/layouts/inertia.blade.php после styles.css: styles.css → lr-tokens.css → cabinet-menu2610.css → lr-base.css → CSS страницы.
   Старые имена пакетов (--ink, --accent…) в :root НЕ поднимать: в styles.css :root своя система (--muted: #9a9a9a, --link, --error). */
:root {

  /* Цвета */
  --lr-color-brand-accent: #eaa30a; /* --accent */
  --lr-color-brand-accent-strong: #b0700a; /* --accent-d */
  --lr-color-brand-accent-light: #f2b632; /* в --grad */
  --lr-color-brand-orange: #ff7a1a; /* --orange */
  --lr-color-brand-pink: #ff6b8b; /* --pink */
  --lr-color-text-primary: #1a1a1a; /* --ink */
  --lr-color-text-secondary: #50586a; /* --slate */
  --lr-color-text-muted: #6b7080; /* --muted */
  --lr-color-text-disabled: #a3a8b4; /* --tc нейтральный */
  --lr-color-text-on-accent: #ffffff; /* #fff */
  --lr-color-surface-page: #ffffff; /* .db/.tp background */
  --lr-color-surface-card: rgba(255, 255, 255, .96); /* .sg-card */
  --lr-color-surface-soft: #f6f6f7; /* --soft-bg / --panel */
  --lr-color-surface-muted: #f0f1f4; /* --tb нейтральный */
  --lr-color-surface-hover-warm: #fbf6ee; /* .sg-tz__list li:hover */
  --lr-color-surface-hover-row: #fdfbf7; /* .sg-row:hover */
  --lr-color-surface-open-warm: #fffaf2; /* .tp-faq details[open] */
  --lr-color-surface-mark: #ffe9b8; /* .sg mark */
  --lr-color-surface-overlay: rgba(26, 26, 26, .45); /* ::backdrop */
  --lr-color-border-default: #ececf0; /* --line */
  --lr-color-border-strong: #dcdee4; /* #dcdee4 */
  --lr-color-border-ghost: #dfe0e6; /* .tp-nf .tp-btn--ghost */
  --lr-color-border-track: #dfe1e7; /* .sg-switch */
  --lr-color-status-success: #2e9e5b; /* --green / --ok */
  --lr-color-status-danger: #e5484d; /* --red */
  --lr-color-status-warning: #e08a00; /* --warn */
  --lr-color-status-info: #4a73f0; /* --tc move */
  --lr-color-badge-neutral-bg: #f0f1f4; /* --tb */
  --lr-color-badge-neutral-fg: #50586a; /* --tt */
  --lr-color-badge-neutral-dot: #a3a8b4; /* --tc */
  --lr-color-badge-ready-bg: #fff3d6; /* --tb */
  --lr-color-badge-ready-fg: #8a5a00; /* --tt */
  --lr-color-badge-ready-dot: #eaa30a; /* --tc */
  --lr-color-badge-info-bg: #e9efff; /* --tb */
  --lr-color-badge-info-fg: #2849b8; /* --tt */
  --lr-color-badge-info-dot: #4a73f0; /* --tc */
  --lr-color-badge-out-bg: #ffeadb; /* --tb */
  --lr-color-badge-out-fg: #b8500a; /* --tt */
  --lr-color-badge-out-dot: #ff7a1a; /* --tc */
  --lr-color-badge-danger-bg: #ffe4e6; /* --tb */
  --lr-color-badge-danger-fg: #c8333a; /* --tt */
  --lr-color-badge-danger-dot: #e5484d; /* --tc */
  --lr-color-badge-success-bg: #e3f6ea; /* --tb */
  --lr-color-badge-success-fg: #1d6b3d; /* --tt */
  --lr-color-badge-success-dot: #2e9e5b; /* --tc */
  --lr-color-field-error-bg: #fff1f2; /* .sg-field.is-bad */
  --lr-color-field-error-border: #f3a3a8; /* .sg-field.is-bad */
  --lr-color-carrier-usps: #3f63d9; /* --usps */
  --lr-color-carrier-ups: #9a6a2f; /* --ups */
  --lr-color-carrier-fedex: #6f3cc9; /* --fedex */

  /* Градиенты */
  --lr-gradient-warm: linear-gradient(120deg, #fff6e6 0%, #ffe7cf 50%, #ffdcdc 100%);
  --lr-gradient-accent: linear-gradient(135deg, #f2b632, #eaa30a);
  --lr-gradient-pink: linear-gradient(135deg, #ff9a6b, #ff6b8b);
  --lr-gradient-counter: linear-gradient(135deg, #ff8a5c, #ff6b8b);

  /* Типографика */
  --lr-font-sans: Manrope, "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --lr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --lr-weight-medium: 500;
  --lr-weight-semibold: 600;
  --lr-weight-bold: 700;
  --lr-weight-extrabold: 800;
  --lr-text-2xs: 11px;
  --lr-text-xs: 12px;
  --lr-text-xs-plus: 12.5px;
  --lr-text-sm: 13px;
  --lr-text-sm-plus: 14px;
  --lr-text-md: 15px;
  --lr-text-base: 16px;
  --lr-text-lg: 17px;
  --lr-text-xl: 19px;
  --lr-text-2xl: 22px;
  --lr-text-3xl: 28px;
  --lr-text-4xl: 40px;
  --lr-text-display: 56px;
  --lr-leading-tight: 1.04;
  --lr-leading-heading: 1.1;
  --lr-leading-snug: 1.25;
  --lr-leading-normal: 1.45;
  --lr-leading-relaxed: 1.55;
  --lr-leading-loose: 1.6;
  --lr-tracking-display: -.035em;
  --lr-tracking-h1: -.025em;
  --lr-tracking-h2: -.015em;
  --lr-tracking-h3: -.01em;
  --lr-tracking-caps: .06em;
  --lr-type-display: 800 56px/1.04 var(--lr-font-sans); /* h1 текстовых страниц (.tp h1) */
  --lr-type-h1: 800 40px/1.1 var(--lr-font-sans); /* h1 кабинета (.db h1, .sg h1) */
  --lr-type-h2: 800 22px/1.25 var(--lr-font-sans); /* Заголовок карточки/окна */
  --lr-type-h3: 800 17px/1.35 var(--lr-font-sans); /* Шапка карточки, вопрос FAQ (700) */
  --lr-type-lead: 500 19px/1.55 var(--lr-font-sans); /* Подзаголовок текстовой страницы, цвет slate */
  --lr-type-body: 500 16px/1.6 var(--lr-font-sans); /* Текст ответов и документов */
  --lr-type-ui: 700 15px/1.45 var(--lr-font-sans); /* Пункты меню, строки, чекбоксы */
  --lr-type-note: 600 14.5px/1.45 var(--lr-font-sans); /* Заметки под полями, цвет muted */
  --lr-type-label: 700 12.5px/1.2 var(--lr-font-sans); /* Плавающая подпись поля, шапка таблицы (800) */
  --lr-type-caps: 800 12px/1.2 var(--lr-font-sans); /* UPPERCASE метки (Example) */

  /* Отступы (px-шкала, базовый шаг 2px) */
  --lr-space-2: 2px;
  --lr-space-4: 4px;
  --lr-space-6: 6px;
  --lr-space-8: 8px;
  --lr-space-10: 10px;
  --lr-space-12: 12px;
  --lr-space-14: 14px;
  --lr-space-16: 16px;
  --lr-space-18: 18px;
  --lr-space-20: 20px;
  --lr-space-24: 24px;
  --lr-space-28: 28px;
  --lr-space-32: 32px;
  --lr-space-48: 48px;
  --lr-space-64: 64px;
  --lr-space-96: 96px;

  /* Радиусы */
  --lr-radius-xs: 6px;
  --lr-radius-sm: 10px;
  --lr-radius-md: 12px;
  --lr-radius-btn: 14px;
  --lr-radius-field: 15px;
  --lr-radius-lg: 16px;
  --lr-radius-xl: 18px;
  --lr-radius-card: 22px;
  --lr-radius-modal: 24px;
  --lr-radius-pill: 999px;
  --lr-radius-round: 50%;

  /* Тени */
  --lr-shadow-card: 0 1px 2px rgba(26, 31, 51, .06), 0 14px 34px rgba(60, 30, 0, .08);
  --lr-shadow-card-up: 0 1px 2px rgba(26, 31, 51, .06), 0 20px 44px rgba(60, 30, 0, .13);
  --lr-shadow-popover: 0 1px 2px rgba(26, 31, 51, .06), 0 20px 44px rgba(60, 30, 0, .13), 0 0 0 1px #ececf0;
  --lr-shadow-modal: 0 30px 80px rgba(26, 31, 51, .3);
  --lr-shadow-sheet: 0 -20px 60px rgba(26, 31, 51, .25);
  --lr-shadow-btn-accent: 0 8px 20px rgba(234, 163, 10, .35);
  --lr-shadow-btn-soft: inset 0 0 0 1px #ececf0, 0 1px 2px rgba(26, 31, 51, .05);
  --lr-shadow-btn-soft-hover: inset 0 0 0 1px #dcdee4, 0 6px 14px rgba(26, 31, 51, .08);
  --lr-shadow-btn-danger: 0 8px 20px rgba(229, 72, 77, .35);
  --lr-shadow-nav-icon: 0 5px 12px rgba(234, 163, 10, .3);
  --lr-shadow-ring-line: inset 0 0 0 1px #ececf0;
  --lr-shadow-ring-accent: inset 0 0 0 1.5px rgba(234, 163, 10, .45);
  --lr-shadow-focus-field: inset 0 0 0 2px #eaa30a;

  /* Анимации */
  --lr-ease: cubic-bezier(.2, .7, .2, 1);
  --lr-ease-in-out: cubic-bezier(.65, 0, .25, 1);
  --lr-duration-fast: 150ms;
  --lr-duration-base: 200ms;
  --lr-duration-medium: 250ms;
  --lr-duration-slow: 350ms;
  --lr-duration-pill: 400ms;
  --lr-duration-rise: 800ms;

  /* Раскладка */
  --lr-container: 1198px;
  --lr-gutter: 24px;
  --lr-sidebar: 236px;
  --lr-sidebar-gap: 32px;
  --lr-control-l: 52px;
  --lr-control-m: 50px;
  --lr-control-s: 44px;
  --lr-control-xs: 38px;
  --lr-field: 58px;

  /* Брейкпоинты (только справочно: var() нельзя в @media) */
  --lr-bp-xl: 1199px; /* Меню кабинета сворачивается в иконки */
  --lr-bp-lg: 980px; /* Меню кабинета уходит в нижний dock, сетки в одну-две колонки */
  --lr-bp-md: 760px; /* Таблицы превращаются в карточки (settings); 700/720 в отдельных пакетах */
  --lr-bp-sm: 560px; /* Телефон: кнопки на всю ширину */
}

/* Совместимость имён пакетов 2610 с токенами — только на корнях пакетов (вместо класса .lr-compat кита).
   Каждому корню — ровно те переменные, которые объявляет его пакет, значения равны пакетным.
   CSS страницы грузится позже и пока объявляет те же переменные сам, поэтому вид не меняется.
   Отклонения пакетов сюда не входят и остаются в CSS страницы: --red у .pd (#c8333a), --card у .tp/.gd (альфа .07),
   --line/--warm/--card у .au; --ease у home2610/how2610 (.hp/.hw здесь нет). */
.cm2610, .db, .tl, .abk, .sh, .pd, .tp, .gd, .au {
  --ink: var(--lr-color-text-primary); --muted: var(--lr-color-text-muted); --slate: var(--lr-color-text-secondary);
  --soft-bg: var(--lr-color-surface-soft); --accent: var(--lr-color-brand-accent); --accent-d: var(--lr-color-brand-accent-strong);
  --pink: var(--lr-color-brand-pink); --ease: var(--lr-ease);
}
.cm2610, .db, .tl, .abk, .sh, .pd, .tp, .gd { --line: var(--lr-color-border-default); --warm: var(--lr-gradient-warm); }
.db, .tl, .sh, .pd, .tp, .gd, .au { --orange: var(--lr-color-brand-orange); }
.db, .tl, .abk, .sh, .pd { --green: var(--lr-color-status-success); }
.db, .tl, .abk, .sh { --red: var(--lr-color-status-danger); }
.cm2610, .db, .tl, .abk, .sh, .pd { --card: var(--lr-shadow-card); }
.cm2610, .db, .tl, .abk { --grad: var(--lr-gradient-accent); }
.db, .tl, .abk { --card-up: var(--lr-shadow-card-up); }

@media (prefers-reduced-motion: reduce) {
  :root { --lr-duration-fast: 0ms; --lr-duration-base: 0ms; --lr-duration-medium: 0ms; --lr-duration-slow: 0ms; --lr-duration-pill: 0ms; --lr-duration-rise: 0ms; }
}