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

:root {
  font-family: 'Manrope', 'Segoe UI', sans-serif;
  color: #122033;
  background:
    radial-gradient(circle at top left, rgba(77, 157, 224, 0.16), transparent 32%),
    radial-gradient(circle at top right, rgba(15, 118, 110, 0.12), transparent 26%),
    linear-gradient(180deg, #f5f8fc 0%, #eef3f8 100%);
  color-scheme: light;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --text-color: #122033;
  --muted: #5c6b7d;
  --muted-strong: #3e5066;
  --panel-bg: rgba(255, 255, 255, 0.82);
  --panel-border: rgba(18, 32, 51, 0.08);
  --panel-shadow: 0 28px 60px rgba(15, 23, 42, 0.08);
  --input-border: rgba(21, 79, 141, 0.16);
  --input-bg: rgba(248, 250, 252, 0.92);
  --accent: #154f8d;
  --accent-soft: rgba(21, 79, 141, 0.08);
  --danger: #b42318;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--text-color);
}

body,
button,
input,
textarea {
  font-family: inherit;
}

button,
input,
textarea {
  font-size: 1rem;
}

a {
  color: inherit;
}

#root {
  min-height: 100vh;
}