:root {
  --app-canvas-base: #ffffff;
  --app-canvas-elevated: #f9fafb;
  --app-canvas-deep: #f3f4f6;
  --app-brand-primary: #5c6bc0;
  --app-brand-accent: #5e6ad2;
  --app-brand-accent-bright: #4d59c2;
  --app-text-main: #1f2937;
  --app-text-muted: #4b5563;
  --app-border-hairline: rgba(0, 0, 0, 0.09);
}

.dark {
  --app-canvas-base: #1f2329;
  --app-canvas-elevated: #2a2f36;
  --app-canvas-deep: #343b44;
  --app-brand-primary: #6f7de0;
  --app-text-main: #f4f6fb;
  --app-text-muted: #b3bcc8;
  --app-border-hairline: rgba(255, 255, 255, 0.14);
}