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

:root {
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --container-width: 1140px;
  --header-height: 68px;
  --footer-height: 88px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-strong: 0 10px 34px rgba(0, 0, 0, 0.18);
  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.12);
  --line-opacity: 0.12;
  --section-spacing: 68px;
  --transition-fast: 0.16s ease;
  --ax: 50%;
  --ay: 50%;
}

:root,
[data-theme="dark"] {
  --bg: #050506;
  --bg-soft: rgba(10, 11, 15, 0.92);
  --glass: rgba(255, 255, 255, 0.06);
  --glass-strong: rgba(255, 255, 255, 0.1);
  --line: rgba(255, 255, 255, var(--line-opacity));
  --text: #f6f7fa;
  --muted: rgba(246, 247, 250, 0.74);
  --accent: #2f7bff;
  --surface: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] {
  --bg: #f5f7fb;
  --bg-soft: rgba(255, 255, 255, 0.95);
  --glass: rgba(255, 255, 255, 0.92);
  --glass-strong: #ffffff;
  --line: rgba(10, 12, 20, 0.12);
  --text: #0d1117;
  --muted: rgba(13, 17, 23, 0.7);
  --accent: #2f7bff;
  --surface: rgba(240, 243, 248, 0.85);
}