@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #0a0a0a;
  --muted: #4a4a4a;
  --surface: #ffffff;
  --surface-strong: #f4f4f4;
  --brand-dark: #0a0a0a;
  --brand-light: #ffffff;
  --ring: rgba(0, 0, 0, 0.12);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-body);
  --font-display: var(--font-display);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body), system-ui, -apple-system, sans-serif;
}

* {
  box-sizing: border-box;
}