/* WorkDirectory.ca - Source CSS for Tailwind Compilation */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* LIGHT MODE VARIABLES */
:root {
  --background: 0 0% 100%;
  --foreground: 220 9% 15%;
  --border: 220 14% 91%;
  --card: 0 0% 99%;
  --card-foreground: 220 9% 15%;
  --card-border: 220 14% 89%;
  --sidebar: 220 14% 96%;
  --sidebar-foreground: 220 9% 15%;
  --sidebar-border: 220 14% 93%;
  --sidebar-primary: 142 69% 58%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 217 91% 60%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-ring: 142 69% 58%;
  --popover: 0 0% 98%;
  --popover-foreground: 220 9% 15%;
  --popover-border: 220 14% 87%;
  --primary: 142 69% 58%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 14% 93%;
  --secondary-foreground: 220 9% 15%;
  --muted: 220 14% 94%;
  --muted-foreground: 220 9% 46%;
  --accent: 217 91% 60%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 85% 60%;
  --destructive-foreground: 0 0% 100%;
  --input: 220 14% 85%;
  --ring: 142 69% 58%;
  --chart-1: 142 69% 58%;
  --chart-2: 217 91% 60%;
  --chart-3: 25 95% 65%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --primary-border: hsl(142 69% 50%);
  --secondary-border: hsl(220 14% 85%);
  --muted-border: hsl(220 14% 86%);
  --accent-border: hsl(217 91% 52%);
  --destructive-border: hsl(0 85% 52%);
  --sidebar-primary-border: hsl(142 69% 50%);
  --sidebar-accent-border: hsl(217 91% 52%);
}

/* DARK MODE VARIABLES */
.dark {
  --background: 220 9% 9%;
  --foreground: 220 14% 85%;
  --border: 220 9% 18%;
  --card: 220 9% 11%;
  --card-foreground: 220 14% 85%;
  --card-border: 220 9% 19%;
  --sidebar: 220 9% 7%;
  --sidebar-foreground: 220 14% 85%;
  --sidebar-border: 220 9% 15%;
  --sidebar-primary: 142 69% 58%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 217 91% 60%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-ring: 142 69% 58%;
  --popover: 220 9% 13%;
  --popover-foreground: 220 14% 85%;
  --popover-border: 220 9% 21%;
  --primary: 142 69% 58%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 9% 17%;
  --secondary-foreground: 220 14% 85%;
  --muted: 220 9% 15%;
  --muted-foreground: 220 9% 65%;
  --accent: 217 91% 60%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 85% 60%;
  --destructive-foreground: 0 0% 100%;
  --input: 220 9% 25%;
  --ring: 142 69% 58%;
  --chart-1: 142 69% 65%;
  --chart-2: 217 91% 70%;
  --chart-3: 25 95% 70%;
  --chart-4: 280 65% 70%;
  --chart-5: 340 75% 65%;
}