/* ProjectManager — единая дизайн-система (токены + база).
   Используется порталом, auth/admin и постепенно переносится в приложения. */
:root {
  /* Фирменная светлая палитра (Segoe UI, открытое пространство, 4 базовых цвета) */
  --color-background: #F5F7FA;
  --color-surface: #FFFFFF;
  --color-surface-secondary: #F7F9FC;
  --color-surface-sunken: #EEF2F7;

  --color-border: #D9E1E8;
  --color-border-strong: #C5D0DA;

  --color-text-primary: #1F1F1F;
  --color-text-secondary: #5F6B7A;
  --color-text-tertiary: #93A1B0;
  --color-text-on-accent: #FFFFFF;

  /* Accent — Microsoft Blue */
  --color-accent: #0099FF;
  --color-accent-hover: #0077CC;
  --color-accent-active: #005EA6;
  --color-accent-soft: #E5F5FF;

  /* Тёмно-синий — навигация/заголовки */
  --color-sidebar: #112E58;
  --color-sidebar-hover: rgba(255,255,255,0.08);
  --color-sidebar-active: rgba(255,255,255,0.14);
  --color-sidebar-text: #C7D3E4;
  --color-sidebar-text-active: #FFFFFF;

  /* Семантические статусы + тёмные варианты */
  --color-success: #66CC33; --color-success-strong: #005825;
  --color-success-soft: #EFF9E6;
  --color-warning: #FFCC00; --color-warning-strong: #E85F17;
  --color-warning-soft: #FFF8E0;
  --color-danger: #FF3300; --color-danger-strong: #6D1514;
  --color-danger-soft: #FFECE6;
  --color-information: #0099FF;
  --color-information-soft: #E5F5FF;

  --color-disabled-bg: #EEF2F7;
  --color-disabled-text: #93A1B0;

  /* Фирменные полосы (редкий акцент): header/hero/разделители */
  --brand-stripe-blue: #0099FF; --brand-stripe-green: #66CC33;
  --brand-stripe-yellow: #FFCC00; --brand-stripe-red: #FF3300;
  --brand-stripe: linear-gradient(90deg,
     var(--brand-stripe-blue) 0 25%, var(--brand-stripe-green) 25% 50%,
     var(--brand-stripe-yellow) 50% 75%, var(--brand-stripe-red) 75% 100%);
  /* Мягкое световое фоновое пятно (малоконтрастное, не мешает чтению) */
  --brand-glow: radial-gradient(1100px 500px at 15% -10%, rgba(0,153,255,0.10), transparent 60%),
                radial-gradient(900px 500px at 100% 0%, rgba(102,204,51,0.08), transparent 55%);

  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 12px;

  --shadow-sm: 0 1px 2px rgba(17,46,88,0.05), 0 1px 3px rgba(17,46,88,0.07);
  --shadow-md: 0 2px 4px rgba(17,46,88,0.06), 0 6px 14px rgba(17,46,88,0.09);
  --shadow-lg: 0 6px 14px rgba(17,46,88,0.10), 0 18px 36px rgba(17,46,88,0.14);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px;

  /* Segoe UI — системный шрифт (без загрузки файлов, CSP не трогаем) */
  --font-family-base: "Segoe UI", Segoe, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --font-size-caption: 12px; --font-size-body: 14px; --font-size-section: 16px;
  --font-size-subhead: 18px;
  --font-size-page-title: 28px; --font-size-kpi: 32px; --font-size-hero: 40px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  color: var(--color-text-primary);
  background: var(--color-background);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; border-radius: var(--radius-sm); }

h1,h2,h3,h4 { margin: 0 0 var(--space-3); color: var(--color-text-primary); }
.page-title { font-size: var(--font-size-page-title); font-weight: 700; }
.muted { color: var(--color-text-secondary); }
.tertiary { color: var(--color-text-tertiary); }
.empty-value { color: var(--color-text-tertiary); }