/* ==========================================================================
   Токены: палитра «роза · сирень · небо» из референсов, шкала отступов 4/8,
   радиусы, шрифт. Всё остальное оформление ссылается только на них.
   ========================================================================== */

:root {
  --rose-100: #ffe6ee;
  --rose-300: #ff9db6;
  --rose-500: #f25a7e;
  --rose-700: #e2295a;

  --lilac-100: #eef0ff;
  --lilac-300: #b9c4fb;
  --lilac-500: #8697f0;
  --lilac-700: #5f72e4;

  --sky-100: #e3efff;
  --sky-300: #b8d3ff;
  --sky-500: #8fb3fb;

  --pink-700: #e255a6;
  --violet-700: #7a5be0;

  --lime: #e4f56f;
  --ink: #2a2560;
  --paper: #ffffff;
  --glass: rgba(255, 255, 255, 0.55);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;

  --radius-s: 12px;
  --radius-m: 20px;
  --radius-l: 36px;
  --radius-pill: 999px;

  --border: 4px solid var(--paper);
  --font: 'Manrope', system-ui, sans-serif;

  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.45'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}