:root {
  color-scheme: light;
  --color-surface: #f5f7fb;
  --color-panel: #ffffff;
  --color-border: rgba(15, 23, 42, 0.12);
  --color-gray-700: #1f2937;
  --color-primary: #0f62fe;
  --color-primary-strong: #0b4cd8;
  --color-accent: #ffb703;
  --color-soft: #d6e4ff;
  --font-base: "Inter", "Segoe UI", system-ui, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--color-surface);
  font-family: var(--font-base);
  color: var(--color-gray-700);
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

p {
  margin: 0 0 0.75rem;
}