@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Backgrounds */
    --bg-primary: #0F0E0C;
    --bg-secondary: #1A1814;
    --bg-tertiary: #252219;
    --bg-hover: #2E2A22;

    /* Brand */
    --brand-primary: #D4891A;
    --brand-secondary: #E8A832;
    --brand-muted: #3D2E0F;

    /* Status */
    --status-pending: #F59E0B;
    --status-confirmed: #10B981;
    --status-seated: #3B82F6;
    --status-completed: #6B7280;
    --status-cancelled: #EF4444;
    --status-noshow: #8B5CF6;

    /* Text */
    --text-primary: #F5F0E8;
    --text-secondary: #A09880;
    --text-muted: #6B6355;
    --text-accent: #D4891A;

    /* Borders */
    --border: #2A261E;
    --border-strong: #3D3828;

    --radius: 0.5rem;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-body;
  }
  h1, h2, h3, h4, h5, h6 {
    @apply font-display;
  }
}