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

:root {
  color-scheme: light;
  --color-bg: #f7f7f5;
  --color-surface: #fbfaf8;
  --color-surface-strong: #ffffff;
  --color-text: #222222;
  --color-muted: #6a6a6a;
  --color-border: #dddddd;
  --color-primary: #ff385c;
  --color-accent: #ff385c;
  --color-support: #f7f2ef;
  --color-info: #315f72;
  --color-warm: #f1ebe5;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.12);
  --focus-ring: 0 0 0 3px rgba(255, 56, 92, 0.18), 0 0 0 1px rgba(255, 56, 92, 0.55);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

* {
  box-sizing: border-box;
}

html {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  letter-spacing: 0;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
textarea {
  font: inherit;
}

button,
a,
input,
textarea {
  outline: none;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  box-shadow: var(--focus-ring);
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}