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

:root {
  --primary: #2060df;
  --bg-light: #f6f6f8;
  --bg-dark: #111621;

  --card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #6b7280;
  --border-soft: #e5e7eb;

  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.08);
}

html, body, #root {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Lexend", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
  background: var(--bg-light);
  color: var(--text-main);
}