@import "tailwindcss";

@theme {
    --color-background: oklch(0.145 0 0);
    --color-foreground: oklch(0.985 0 0);
    --color-card: oklch(0.17 0 0);
    --color-card-foreground: oklch(0.985 0 0);
    --color-muted: oklch(0.21 0 0);
    --color-muted-foreground: oklch(0.556 0 0);
    --color-border: oklch(0.3 0 0);
    --color-primary: oklch(0.985 0 0);
    --color-primary-foreground: oklch(0.205 0 0);
    --color-secondary: oklch(0.269 0 0);
    --color-secondary-foreground: oklch(0.985 0 0);
    --color-accent: oklch(0.269 0 0);
    --color-accent-foreground: oklch(0.985 0 0);
    --color-destructive: oklch(0.396 0.141 25.723);
    --color-ring: oklch(0.556 0 0);
    --color-sidebar: oklch(0.15 0 0);
    --color-sidebar-foreground: oklch(0.985 0 0);
    --color-sidebar-accent: oklch(0.269 0 0);
    --color-sidebar-border: oklch(0.3 0 0);
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
}

@layer base {
    * {
        @apply border-border;
    }
    body {
        @apply bg-background text-foreground antialiased;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    h1 {
        @apply text-3xl font-bold tracking-tight;
    }
    h2 {
        @apply text-2xl font-semibold tracking-tight;
    }
    h3 {
        @apply text-xl font-semibold tracking-tight;
    }
    p {
        @apply leading-7;
    }
    table {
        @apply w-full caption-bottom text-sm;
    }
    thead {
        @apply border-b border-border;
    }
    th {
        @apply h-10 px-2 text-left align-middle font-medium text-muted-foreground;
    }
    td {
        @apply p-2 align-middle;
    }
    tr {
        @apply border-b border-border transition-colors hover:bg-muted/50;
    }
}