/*
 * Design tokens — единственный источник правды по цвету/типографике/
 * отступам/радиусам для всего приложения. Ничего в components.css/app.css
 * не должно хардкодить hex-цвета или px-отступы напрямую — только эти
 * переменные, иначе тема снова расползётся по файлам (см. Nexus UI/UX
 * директиву п.16 — "единый design system", не точечные фиксы).
 */
:root {
  /* Neutral surfaces */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #fafbfc;
  --surface-3: #eef1f5;
  --border: #e4e8ef;
  --border-strong: #cfd6e1;

  /* Text */
  --text: #0d1b3d;
  --text-secondary: #526078;
  /* Helper text still needs to remain readable on white/surface backgrounds. */
  --text-tertiary: #667085;
  --text-on-dark: #ffffff;
  --text-on-dark-secondary: #b2b0c4;

  /* Brand */
  --primary: #ff3366;
  --primary-hover: #ff4775;
  --primary-active: #ff3366;
  --primary-soft: #fff0f4;
  --primary-soft-hover: #ffe0e9;
  --text-on-primary: #0d1b3d;

  /* Semantic */
  --success: #17a673;
  --success-soft: #e3f9ef;
  --success-strong: #0e7a54;
  --danger: #e5484d;
  --danger-soft: #fdecec;
  --danger-strong: #b82a2f;
  --warning: #c9860a;
  --warning-soft: #fdf3dd;
  --info: #2f7fe0;
  --info-soft: #e8f1fd;

  /* Light Zextel application rail; structure stays shared by Admin/NOC/Portal. */
  --sidebar-bg: #ffffff;
  --sidebar-bg-raised: #f6f7f9;
  --sidebar-border: #e4e8ef;
  --sidebar-text: #526078;
  --sidebar-text-hover: #0d1b3d;
  --sidebar-active-bg: #fff0f4;

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 13.5px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 26px;
  --text-3xl: 34px;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(20, 19, 40, 0.05);
  --shadow-md: 0 6px 20px rgba(20, 19, 40, 0.08);
  --shadow-lg: 0 16px 48px rgba(20, 19, 40, 0.14);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;

  /* Layout */
  --shell-sidebar-w: 236px;
  --shell-topbar-h: 60px;
  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 80;
  --z-tooltip: 90;
}