:root {
  --background: #FFFFFF;
  --foreground: #0f172a;
  --card: #FFFFFF;
  --card-foreground: #0f172a;
  --popover: #FFFFFF;
  --popover-foreground: #0f172a;
  --primary: #3b82f6;
  --primary-foreground: #FFFFFF;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #f1f5f9;
  --accent-foreground: #0f172a;
  --destructive: #ef4444;
  --destructive-foreground: #FFFFFF;
  --border: #D1D5DB;
  --input: #D1D5DB;
  --ring: #94a3b8;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #0f172a;
  --sidebar-border: #D1D5DB;
  --sidebar-accent: #f1f5f9;
  --sidebar-accent-foreground: #0f172a;
  --chart-1: #e76e50;
  --chart-2: #2a9d90;
  --chart-3: #264653;
  --chart-4: #e9c46a;
  --chart-5: #f4a462;
  --radius: 0.625rem;
  --timerly-background: #F7F6EF;
  --timerly-toolbar: #dde7d9;
  --timerly-secondary: #EAE8D6;
  --timerly-accent: #DDE7D9;

  /* Frontend theme variables */
  --timerly-main: var(--timerly-background);
  --timerly-toolbar: var(--timerly-background);
  --list-background: var(--timerly-secondary);
  --headings-background: #FFFFFF;
  --heading-border-color: #D1D5DB;
  --card-border-color: #D1D5DB;
  --footer-background: #FFFFFF;
  --sidepanel-toolbar: var(--timerly-accent);
  --sidepanel-content: var(--timerly-accent);
  --favorites-background: var(--timerly-accent);
  --event-border-now: #8B4513;
  --event-border-soon: #FDE047;
  --event-border-later: #9CA3AF;
  --event-border-past: #3B82F6;
  --inner-gutter: 16px;
  --outer-gutter: 24px;
  --card-padding: 8px;
  --sidepanel-width: 344px;
  --column-width: 320px;
  --card-vertical-gap: 12px;
  --card-top-spacing: 12px;
  --list-horizontal-padding: 16px;
  --favorites-header-horizontal-padding: 0px;
}