:root {
  color-scheme: light;
  --bg: #f4f7fc;
  --surface: #ffffff;
  --surface-soft: #f8fbff;
  --text: #14253a;
  --muted: #5f6f80;
  --line: #dfe6ee;
  --accent: #0f67cf;
  --accent-dark: #0e4b95;
  --accent-soft: rgba(15, 103, 207, 0.12);
  --teal: #1f6f78;
  --shadow: 0 20px 50px rgba(15, 37, 58, 0.08);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--text);
  background: linear-gradient(180deg, #f7faff 0%, var(--bg) 100%);
  line-height: 1.6;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}