:root {
  --black: #0D0D0C;
  --ink: #1A1917;
  --text: #2C2A27;
  --muted: #767472;
  --sub: #B0ADAA;
  --border: #ECEAE7;
  --surface: #F5F4F1;
  --page: #FAFAF8;
  --white: #FFFFFF;

  --bg: var(--page);
  --bg-soft: var(--surface);
  --bg-card: var(--white);
  --ink-0: var(--black);
  --ink-1: var(--ink);
  --ink-2: var(--text);
  --ink-3: var(--muted);
  --ink-4: var(--sub);
  --ink-5: #C9C6C1;
  --line: var(--border);
  --line-strong: #DCD9D4;

  --blush: #FFDDE6;
  --blush-mid: #E54472;
  --sage: #D8EDCC;
  --sage-mid: #419253;
  --periwinkle: #D8EAFA;
  --periwinkle-mid: #4584D5;
  --yellow: #FFE8A0;
  --yellow-mid: #B07900;
  --lavender: #EAE0FC;
  --lavender-mid: #8B5CF6;
  --teal: #C8EEE8;
  --teal-mid: #249088;
  --peach: #FFE0D4;
  --peach-mid: #D0603F;
  --fog: #E6EAF2;
  --fog-mid: #6B7EC4;

  --r-lg: 14px;
  --r-md: 10px;
  --r-sm: 6px;
  --ease: cubic-bezier(0.22, 0.8, 0.28, 1);
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}