:root {
  --vk-navy: #092653;
  --vk-primary: #086dcc;
  --vk-primary-hover: #0054a6;
  --vk-sky: #e8f4fe;
  --vk-bg: #f7fbff;
  --vk-surface: #ffffff;
  --vk-text: #233958;
  --vk-muted: #607894;
  --vk-border: #d8e7f3;
  --vk-success: #19845c;
  --vk-warning: #9a6216;
  --vk-danger: #b8333f;
  --vk-font: Inter, Arial, sans-serif;
  --vk-radius-card: 14px;
  --vk-radius-control: 10px;
  --vk-container: 1240px;
  --vk-space-1: 4px;
  --vk-space-2: 8px;
  --vk-space-3: 12px;
  --vk-space-4: 16px;
  --vk-space-6: 24px;
  --vk-space-8: 32px;
  --vk-space-12: 48px;
  --vk-shadow: 0 5px 20px rgba(9, 38, 83, 0.08);
}
/* Design tokens are recommendations inferred from five conceptual mockups, not exact sampled colors. */