@import "tailwindcss";

@theme {
  --color-bg-primary: #0D0C0B;
  --color-bg-surface: #141312;
  --color-border-subtle: #2A2624;
  --color-text-primary: #EAE8E3;
  --color-text-muted: #A39E98;
  --color-accent-earth: #C29F64;

  --font-sans: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-serif: 'Georgia', serif;
}

@layer base {
  body {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: var(--font-sans);
    margin: 0;
    padding: 0;
  }
}

@layer utilities {
  .fade-in {
    animation: fadeIn 0.5s ease-in;
  }
  
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
}