frontend/src/index.css

@import "tailwindcss";

@theme {
  --color-primary: #6366f1;
  --color-primary-foreground: #ffffff;
  --color-secondary: #f1f5f9;
  --color-secondary-foreground: #0f172a;
  --color-muted: #f1f5f9;
  --color-muted-foreground: #64748b;
  --color-accent: #f1f5f9;
  --color-accent-foreground: #0f172a;
  --color-destructive: #ef4444;
  --color-border: #e2e8f0;
  --color-ring: #6366f1;
  --color-background: #ffffff;
  --color-foreground: #0f172a;
  --color-card: #ffffff;
  --color-card-foreground: #0f172a;

  --color-scientist: #3b82f6;
  --color-lab-manager: #10b981;
  --color-judge: #f59e0b;

  --color-chart-grid: #e2e8f0;
  --color-chart-text: #64748b;
  --color-chart-muted: #94a3b8;

  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
}

.dark {
  --color-primary: #818cf8;
  --color-primary-foreground: #ffffff;
  --color-secondary: #1e293b;
  --color-secondary-foreground: #f1f5f9;
  --color-muted: #1e293b;
  --color-muted-foreground: #94a3b8;
  --color-accent: #1e293b;
  --color-accent-foreground: #f1f5f9;
  --color-destructive: #f87171;
  --color-border: #334155;
  --color-ring: #818cf8;
  --color-background: #0f172a;
  --color-foreground: #f1f5f9;
  --color-card: #1e293b;
  --color-card-foreground: #f1f5f9;

  --color-scientist: #60a5fa;
  --color-lab-manager: #34d399;
  --color-judge: #fbbf24;

  --color-chart-grid: #334155;
  --color-chart-text: #94a3b8;
  --color-chart-muted: #64748b;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background-color: var(--color-background);
  color: var(--color-foreground);
  min-height: 100vh;
}

#root {
  min-height: 100vh;
}