@import '../styles/tokens.css';
@import 'tailwindcss';

* {
  box-sizing: border-box;
}

html {
  background: var(--surface-canvas);
}

html[data-theme='light'] {
  color-scheme: light;
}

html[data-theme='dark'] {
  color-scheme: dark;
}

body {
  min-height: 100vh;
  background: var(--body-background);
  color: var(--foreground-primary);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
}

::selection {
  background: var(--selection-background);
  color: var(--selection-foreground);
}