@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap");

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif;;
  --vk-blue: #2b5fd9;
  --vk-blue-dark: #1e3f95;
  --ink-100: #0b1d3a;
  --ink-70: #40506c;
  --ink-60: #45536a;
  --ink-40: #7a879c;
  --surface: #ffffff;
  --surface-soft: #f6f8fc;
  --surface-muted: #edf2fb;
  --divider: rgba(15, 32, 66, 0.08);
  --shadow-soft: 0 16px 40px rgba(11, 29, 58, 0.12);
  --shadow-strong: 0 22px 60px rgba(17, 34, 68, 0.16);
  --shell-body-background:
    radial-gradient(circle at 20% 20%, rgba(43, 95, 217, 0.14), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(30, 63, 149, 0.1), transparent 40%),
    linear-gradient(180deg, #f2f6ff 0%, #f7f9fd 55%, #ffffff 100%);
}