@import "tailwindcss";
@import "tw-animate-css";

@theme {
  --color-slate-base: #8B949E;
  --color-slate-light: #A3ABB4;
  --color-slate-dark: #646E7A;
  --color-slate-ink: #30363D;
  --color-slate-surface: #E1E4E8;
  --color-slate-surface-alt: #D1D5DA;
  
  --font-sans: var(--font-outfit), ui-sans-serif, system-ui;
  --font-mono: var(--font-mono), ui-monospace, SFMono-Regular;
}

body {
  background-color: var(--color-slate-surface);
  color: var(--color-slate-ink);
}