:root {
  --color-background: #f6f7fb;
  --color-surface: #ffffff;
  --color-text: #14151a;
  --color-muted: #6f7280;
  --color-border: #e5e7ed;
  --color-primary: #6757e8;
  --color-primary-hover: #5546d4;
  --color-error: #b42318;
  --color-error-background: #fef3f2;

  --shadow-card:
    0 24px 70px rgba(20, 21, 26, 0.10);

  --radius-small: 10px;
  --radius-medium: 16px;
  --radius-large: 24px;

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  color: var(--color-text);
  background: var(--color-background);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
}

.hidden {
  display: none !important;
}