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

:root {
  --font-sans: 'Manrope', 'Segoe UI', sans-serif;
  --font-display: 'Sora', 'Segoe UI', sans-serif;

  --color-bg: #d9d9de;
  --color-shell: rgba(243, 241, 242, 0.85);
  --color-card: rgba(255, 255, 255, 0.66);
  --color-card-soft: rgba(255, 255, 255, 0.5);
  --color-border: rgba(255, 255, 255, 0.55);

  --color-ink: #202737;
  --color-muted: #4d5e77;
  --color-primary: #20b2aa;
  --color-primary-strong: #158f89;
  --color-primary-soft: rgba(32, 178, 170, 0.14);
  --shadow-soft: 0 14px 32px rgba(38, 44, 56, 0.14);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: var(--font-sans);
  color: var(--color-ink);
  background: linear-gradient(180deg, #bfc2c8 0%, #d7d8de 100%);
}

button,
input,
select {
  font-family: inherit;
}

