:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --brown-950: #291a13;
  --brown-900: #3d281d;
  --brown-800: #513629;
  --brown-700: #6e4937;
  --brown-600: #845b45;
  --brown-100: #eadfd8;
  --brown-50: #f5eee9;

  --orange-700: #c2410c;
  --orange-600: #ea580c;
  --orange-500: #f97316;
  --orange-300: #fdba74;
  --orange-200: #fed7aa;
  --orange-100: #ffedd5;
  --orange-50: #fff7ed;

  --green-700: #216e4e;
  --green-100: #d1fae5;
  --green-50: #ecfdf5;
  --red-700: #a13e32;
  --red-100: #fee2e2;
  --red-50: #fff1f1;
  --blue-700: #1d5c8f;
  --blue-50: #eff6ff;
  --amber-700: #a16207;
  --amber-100: #fef3c7;
  --amber-50: #fffbeb;

  --ink-950: #1c1917;
  --ink-900: #292524;
  --ink-700: #57534e;
  --ink-600: #78716c;
  --ink-500: #a8a29e;
  --line: #ebe4dc;
  --surface: #ffffff;
  --canvas: #fbfaf7;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(41 26 19 / 0.04), 0 4px 14px rgb(41 26 19 / 0.03);
  --shadow-lg: 0 18px 46px rgb(41 26 19 / 0.16);
  --sidebar-width: 15.5rem;
  --topbar-height: 4.5rem;
  --transition: 160ms ease;
}