:root {
  --background: 0 0% 100%;                /* White */
  --foreground: 0 0% 13%;                 /* #212121 - near black */
  --card: 0 0% 98%;                       /* #faf9f8 - light gray */
  --card-foreground: 0 0% 13%;            /* #212121 */
  --popover: 0 0% 100%;                   /* White */
  --popover-foreground: 0 0% 13%;         /* #212121 */
  --primary: 24 90% 54%;                  /* #d83b01 - Office orange */
  --primary-foreground: 0 0% 100%;        /* White */
  --secondary: 210 36% 96%;               /* #f3f2f1 - light blue-gray */
  --secondary-foreground: 0 0% 13%;       /* #212121 */
  --muted: 0 0% 90%;                      /* #e1dfdd - muted gray */
  --muted-foreground: 0 0% 40%;           /* #666666 */
  --accent: 207 90% 54%;                  /* #0078d4 - Office blue */
  --accent-foreground: 0 0% 100%;         /* White */
  --destructive: 0 85% 60%;               /* #e81123 - Office red */
  --destructive-foreground: 0 0% 100%;    /* White */
  --border: 0 0% 85%;                     /* #d2d0ce - light border */
  --input: 0 0% 100%;                     /* White */
  --ring: 207 90% 54%;                    /* #0078d4 */
  --radius: 0.25rem;                      /* Slightly less rounded */
  --chart-1: 24 90% 54%;                  /* Office orange */
  --chart-2: 207 90% 54%;                 /* Office blue */
  --chart-3: 120 60% 40%;                 /* Office green */
  --chart-4: 340 82% 52%;                 /* Office magenta */
  --chart-5: 44 100% 50%;                 /* Office yellow */
}