:root {
  /* Brand - sampled from the logo (deep green + bright green accent) */
  --brand-primary: #2f6b35;
  --brand-primary-hover: #275a2c;
  --brand-accent: #7fd858;
  --brand-bg: #f7faf6;
  --brand-text: #1c2520;

  /* Surface */
  --surface: #ffffff;
  --surface-muted: #f3f5f1;
  --border: #d9e0d6;
  --border-strong: #b9c4b3;
  --text-muted: #5a6660;

  /* Shift status colors (per spec) */
  --shift-scheduled: #2f6cad;   /* Blue */
  --shift-in-progress: #f3c623; /* Yellow */
  --shift-completed: #2f8a3e;   /* Green */
  --shift-open: #c43030;        /* Red */
  --shift-caregiver-off: #ff1f1f; /* Bright red */
  --shift-cancelled: #e07b1e;   /* Orange */

  /* Calendar */
  --hour-row-height: 36px;
  --day-col-min-width: 140px;
  --grid-cell-min-height: 80px;

  /* Radii / shadows */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
}