@import "tailwindcss";

:root {
  --background: #fafafa;
  --foreground: #171717;
  --card: #ffffff;
  --border: #e5e7eb;
  --muted: #6b7280;
  --accent: #2563eb;
  --accent-light: #dbeafe;
  --danger: #dc2626;
  --danger-light: #fee2e2;
  --success: #16a34a;
  --success-light: #dcfce7;
  --warning: #d97706;
  --warning-light: #fef3c7;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-border: var(--border);
  --color-muted: var(--muted);
  --color-accent: var(--accent);
  --color-accent-light: var(--accent-light);
  --color-danger: var(--danger);
  --color-danger-light: var(--danger-light);
  --color-success: var(--success);
  --color-success-light: var(--success-light);
  --color-warning: var(--warning);
  --color-warning-light: var(--warning-light);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #1a1a1a;
    --border: #2a2a2a;
    --muted: #9ca3af;
    --accent: #3b82f6;
    --accent-light: #1e3a5f;
    --danger-light: #3b1111;
    --success-light: #0f2d1a;
    --warning-light: #3b2e11;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), sans-serif;
}
