/**
 * Токены визуального языка, согласованные с Ant Design и docs/UI_GUIDELINES.md
 * Светлая тема — эталон для админки (разд. 1.3, 6).
 */
:root {
  /* Layout */
  --color-bg-layout: #f0f2f5;
  --color-bg-container: #ffffff;
  --color-bg-elevated: #ffffff;
  --color-border-secondary: #f0f0f0;
  --color-border: #d9d9d9;

  /* Text */
  --color-text: rgba(0, 0, 0, 0.88);
  --color-text-secondary: rgba(0, 0, 0, 0.65);
  --color-text-tertiary: rgba(0, 0, 0, 0.45);

  /* Brand / Ant primary */
  --color-primary: #1677ff;
  --color-primary-hover: #4096ff;
  --color-primary-active: #0958d9;

  /* Semantic (разд. 6 UI_GUIDELINES) */
  --color-success: #52c41a;
  --color-processing: #1677ff;
  --color-warning: #faad14;
  --color-error: #ff4d4f;
  --color-default-tag: #d9d9d9;

  /* Sider */
  --sider-bg: #001529;
  --sider-text: rgba(255, 255, 255, 0.65);
  --sider-text-active: #ffffff;
  --sider-submenu-bg: #000c17;

  /* Spacing */
  --padding-lg: 24px;
  --padding-md: 16px;
  --radius: 8px;
  --shadow-header: 0 1px 4px rgba(0, 21, 41, 0.08);
}

/* Опциональная тёмная тема (сохраняет структуру гайдлайнов) */
body.theme-dark {
  --color-bg-layout: #0f1419;
  --color-bg-container: #1a2332;
  --color-bg-elevated: #1a2332;
  --color-border-secondary: #30363d;
  --color-border: #30363d;
  --color-text: #e7ecf3;
  --color-text-secondary: #8b9cb3;
  --color-text-tertiary: #6e7d91;
  --sider-bg: #0d1117;
  --sider-submenu-bg: #010409;
  --shadow-header: 0 1px 0 rgba(255, 255, 255, 0.06);
}