:root {
  --cream: #F6F3EE;
  --cream-2: #EFEBE3;
  --white: #fff;
  --ink: #16141C;
  --ink-soft: #403B4A;
  --ink-mute: #6B6577;
  --line: #E2DCD2;
  --lav: #B7A6E6;
  --violet: #8E78E6;
  --cyan: #8FD2E6;
  --pink: #E7B4D2;
  --grad: linear-gradient(120deg, #B7A6E6 0%, #8FD2E6 45%, #E7B4D2 100%);
  --grad-soft: linear-gradient(120deg, rgba(183,166,230,.14), rgba(143,210,230,.12) 50%, rgba(231,180,210,.14));
  --grad-text: linear-gradient(120deg, #7a63d8, #4fa8c4 60%, #d98cb8);
  --shadow: 0 1px 2px rgba(22,20,28,.04), 0 12px 32px -16px rgba(22,20,28,.14);
  --shadow-lg: 0 2px 6px rgba(22,20,28,.05), 0 30px 60px -28px rgba(22,20,28,.22);
  --radius: 16px;
  --radius-lg: 24px;
}