:root {
  --ivory: #fbf8f1;
  --paper: #ffffff;
  --ink: #17171b;
  --slate-700: #4a4a52;
  --slate-600: #667085;
  --slate-400: #98a2b3;
  --blue: #1f50f4;
  --blue-deep: #173dcc;
  --berry: #ff278e;
  --berry-soft: #fff1f7;
  --blue-soft: #edf1ff;
  --line: rgba(23, 23, 27, 0.12);
  --line-strong: rgba(23, 23, 27, 0.2);
  --shadow-xs: 0 6px 18px rgba(23, 23, 27, 0.06);
  --shadow-soft: 0 24px 70px rgba(31, 80, 244, 0.11);
  --shadow-card: 0 20px 46px rgba(23, 23, 27, 0.12);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --radius-xl: 48px;

  --page: min(1180px, calc(100% - 48px));
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
}