:root {
  --primary: #247d8b;
  --primary-hover: #1e6b78;
  --primary-light: rgba(36, 125, 139, 0.12);
  --bg: #f0f4f8;
  --surface: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --danger: #b91c1c;
  --shadow: 0 4px 20px rgba(36, 125, 139, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --app-max-width: 1040px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  background: radial-gradient(circle at 20% 10%, #f8fbfd 0%, var(--bg) 45%, #e8eff6 100%);
  color: var(--text);
  font-size: 16px;
}