:root{
  --rose-50:#fff4f5;
  --rose-100:#ffe6e8;
  --rose-200:#feccd2;
  --rose-300:#ffa8b5;
  --rose-400:#ef8798;
  --rose-500:#d86a7f;
  --rose-600:#bd5267;
  --rose-700:#9e3e52;
  --rose-800:#7c2f3f;
  --rose-900:#5a242e;
  --rose-950:#3c1a20;
  --blush-50:#fff4f3;
  --blush-100:#ffe6e5;
  --blush-200:#f2d2d1;
  --blush-300:#e1b9b8;
  --blush-400:#cb9e9d;
  --blush-500:#b48483;
  --blush-600:#9b6c6c;
  --blush-700:#805756;
  --blush-800:#644343;
  --blush-900:#483131;
  --blush-950:#312222;
  --denim-50:#f1f8ff;
  --denim-100:#e0effe;
  --denim-200:#c5def8;
  --denim-300:#a8c8e9;
  --denim-400:#8aafd5;
  --denim-500:#6f96be;
  --denim-600:#587ea5;
  --denim-700:#446689;
  --denim-800:#344f6b;
  --denim-900:#263a4d;
  --denim-950:#1c2834;
  --mist-50:#f5f7fb;
  --mist-100:#eaedf2;
  --mist-200:#d8dbe1;
  --mist-300:#c0c4cc;
  --mist-400:#a6abb4;
  --mist-500:#8d929c;
  --mist-600:#767a84;
  --mist-700:#5f636c;
  --mist-800:#4a4d54;
  --mist-900:#36383d;
  --mist-950:#252629;
  --surface:var(--mist-50);
  --surface-2:var(--mist-100);
  --line:var(--mist-200);
  --ink:var(--mist-950);
  --ink-2:var(--mist-700);
  --accent:var(--rose-700);
  --accent-ink:var(--mist-50);
  --accent-soft:var(--rose-100);
  --fresh:var(--denim-700);
  --note:var(--blush-200);
}