/* Calandrino Construction Theme - Construction Orange & Slate */
:root {
  --background: #ffffff;
  --foreground: #0a0a0a;
  --card: #ffffff;
  --card-foreground: #0a0a0a;
  --popover: #ffffff;
  --popover-foreground: #0a0a0a;
  --primary: #475569;
  --primary-foreground: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #0a0a0a;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #EA580C;
  --accent-foreground: #ffffff;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #EA580C;
  --radius: 0.5rem;

  /* Chart colors */
  --chart-1: #EA580C;
  --chart-2: #475569;
  --chart-3: #fb923c;
  --chart-4: #64748b;
  --chart-5: #c2410c;

  /* Sidebar */
  --sidebar: #f5f5f5;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #EA580C;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e5e5e5;
  --sidebar-accent-foreground: #0a0a0a;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #EA580C;
}

.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #141414;
  --card-foreground: #fafafa;
  --popover: #141414;
  --popover-foreground: #fafafa;
  --primary: #EA580C;
  --primary-foreground: #ffffff;
  --secondary: #1a1a1a;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a3a3a3;
  --accent: #475569;
  --accent-foreground: #fafafa;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #262626;
  --input: #262626;
  --ring: #EA580C;

  /* Chart colors - dark mode */
  --chart-1: #fb923c;
  --chart-2: #64748b;
  --chart-3: #EA580C;
  --chart-4: #475569;
  --chart-5: #fdba74;

  /* Sidebar - dark mode */
  --sidebar: #0d0d0d;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #EA580C;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #1a1a1a;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #262626;
  --sidebar-ring: #EA580C;
}