@import "tailwindcss";

:root {
  --background: #000000;
  --foreground: #fafafa;
  --card: #0a0a0a;
  --card-foreground: #fafafa;
  --muted: #737373;
  --border: #262626;
  --border-hover: #404040;
  --success: #10b981;
  --loss: #ef4444;
  --accent: #fafafa;
  --subtle: #1a1a1a;
  --input-bg: #0a0a0a;
}

@layer base {
  * {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    background: var(--background);
    color: var(--foreground);
    font-family: "Inter", "Segoe UI", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #root {
    min-height: 100vh;
  }
}
